验证input框输入两位小数或不输入小数的正则

最新推荐文章于 2025-07-07 13:46:31 发布

jo_an_na

最新推荐文章于 2025-07-07 13:46:31 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：技术的实际应用

本文链接：https://blog.youkuaiyun.com/jo_an_na/article/details/79876705

技术的实际应用专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的输入验证方法，能够确保用户输入的是数字，并且最多只允许输入两位小数。该方法通过正则表达式进行匹配来判断输入的有效性，并在用户离开输入框时给出相应的提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<meta charset="UTF-8">

</head>
<body>
<input type="text" id="input" />
<script>
var input=document.getElementById("input");
function AddEventInput(i){
    i.addEventListener("blur",function(){
        var value=i.value;      
        var reg1 = /^([+]?)\d*\.?\d+$/; //验证数字
        var reg2 = /^\d+(?:\.\d{1,2})?$/ //验证两位小数，小数可有可无，如果有最多两位

        if(!reg1.test(value)){
            alert("请输入数字")
        }else if (!reg2.test(value)){
            alert("请输入两位小数");
        }else{
            alert('输入正确')
        }
            ;
    });
}
AddEventInput(input);
</script>
</body>
</html>