说明
基于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>