javascript 控制input只能输入数字并且最多允许两位小数的数字

最新推荐文章于 2024-05-15 13:14:34 发布

原创最新推荐文章于 2024-05-15 13:14:34 发布 · 728 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input #number #验证

javascript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一种使用JavaScript控制HTML input元素的方法，确保用户只能输入数字，并且最多只能输入到小数点后两位。通过一系列正则表达式匹配和字符串操作，实现了对非法输入的有效过滤。

javascript 控制input只能输入数字并且最多允许两位小数的数字

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS 控制只能输入数字并且最多允许两位小数点</title>
</head>
<body>
<input type="text" name="je" onkeyup="clearNoNum(this)" />元
<script language="JavaScript" type="text/javascript">
    function clearNoNum(object){
        //修复第一个字符是小数点 的情况.
        if(object.value !=''&& object.value.substr(0,1) == '.'){
            object.value="";
        }
        object.value = object.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符
        object.value = object.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
        object.value = object.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
        object.value = object.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数
        if(object.value.indexOf(".")< 0 && object.value !=""){
        //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
            if(object.value.substr(0,1) == '0' && object.value.length == 2){
                object.value= object.value.substr(1,object.value.length);
            }
        }
    }
</script>
</body>
</html>