說明

基于JQ庫(kù)做的一個(gè)小功能，判斷一個(gè)數(shù)字是幾位小數(shù)

示例圖

示例

html代碼

<p style="text-align: center;">判斷一個(gè)數(shù)字是幾位小數(shù)，可以是小數(shù)</p>
<div  style="width: 50%;height:400px;margin: 0 auto;">
  <input id="text" type="text" value="" placeholder="請(qǐng)輸入一個(gè)數(shù)" />
  <button id="main">驗(yàn)證</button>
  <br /><br />
  結(jié)果：
  <div id="showText" title="這里是展示結(jié)果的" 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+$/ 不包括小數(shù)點(diǎn)
                    $("#showText").css("color","green");
                    _text = '"'+ num +'"是數(shù)字; <br />';
                    if(num.split(".").length>1){
                        _text+='小數(shù)點(diǎn)前是"' + num.split(".")[0].length + '"位; <br />';
                        _text+='小數(shù)點(diǎn)后是"' + num.split(".")[1].length + '"位; <br />';
                    }else{
                        _text += '"'+ num  +'"是'+ num.split(".")[0].length + '位數(shù)字; <br />';
                    }
                }else{
                    $("#showText").css("color","red");
                    _text = '"'+ num +'"不是數(shù)字，請(qǐng)輸入正確格式';
                }
                $("#showText").html(_text);
            })
        });
</script>