云点博客-关注全栈开发云点博客

关注全栈开发
提升用户体验

js控制input框只能输入数字和一位小数点和小数点后面两位小数

js代码如下:

<scriptlanguage="JavaScript"type="text/javascript">
functionclearNoNum(obj){
obj.value=obj.value.replace(/[^\d.]/g,"");//清除“数字”和“.”以外的字符
obj.value=obj.value.replace(/\.{2,}/g,".");//只保留第一个.清除多余的
obj.value=obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
obj.value=obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数
if(obj.value.indexOf(".")<0&&obj.value!=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于01、02的金额
obj.value=parseFloat(obj.value);
}
}
</script>

html代码:

<!DOCTYPEhtml>
<html>
<head>
<title>demo</title>
</head>
<body>
<inputtype="text"onkeyup="clearNoNum(this)">
</body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持本站发展!

赞(0) 打赏