说明

基于JQ库做的一个小功能，判断一个数字是几位小数

示例图

示例

html代码

<p style="text-align: center;">判断一个数字是几位小数，可以是小数</p>
<div  style="width: 50%;height:400px;margin: 0 auto;">
  <input id="text" type="text" value="" placeholder="请输入一个数" />
  <button id="main">验证</button>
  <br /><br />
  结果：
  <div id="showText" title="这里是展示结果的" style="border: 1px saddlebrown solid;min-height:30px ;"></div>
</div>

js代码

<script src="./js/jquery-1.6.2.min.js"></script>
<script>
        $(function () {         
            $("#main").click(function(){
                var num = $("#text").val().toString();
                var _text = ""
                $("#showText").html("")
                $("#showText").css("color","");
                if(num == ""){
                    $("#showText").css("color","blue");
                    _text="输入不能为空"  
                }else if(num.match(/^\d+(\.\d+)?$/)){//  ^\d+$/ 不包括小数点
                    $("#showText").css("color","green");
                    _text = '"'+ num +'"是数字; <br />';
                    if(num.split(".").length>1){
                        _text+='小数点前是"' + num.split(".")[0].length + '"位; <br />';
                        _text+='小数点后是"' + num.split(".")[1].length + '"位; <br />';
                    }else{
                        _text += '"'+ num  +'"是'+ num.split(".")[0].length + '位数字; <br />';
                    }
                }else{
                    $("#showText").css("color","red");
                    _text = '"'+ num +'"不是数字，请输入正确格式';
                }
                $("#showText").html(_text);
            })
        });
</script>