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

最新推荐文章于 2024-06-06 16:33:14 发布

jo_an_na

最新推荐文章于 2024-06-06 16:33:14 发布

阅读量2k

点赞数 1

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

本文链接：https://blog.csdn.net/jo_an_na/article/details/79876705

版权

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

7 篇文章 0 订阅

订阅专栏

<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>

效果如图：
1.输入非数字
输入非数字，提示只能输入数字
2.输入三位小数，提示只能输入两位

3.输入一位小数，提示正确

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jo_an_na

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
验证input框输入两位小数或不输入小数的正则

&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;/head&gt;&lt;body&gt;&lt;input type="text" id="input" /&gt;&lt;script&gt;var input=document.getElementById
复制链接

扫一扫