如何在input框输的同时过滤不符合要求的内容

最新推荐文章于 2024-08-20 01:00:16 发布

原创最新推荐文章于 2024-08-20 01:00:16 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用JavaScript验证用户输入的方法，确保输入框内的数据为非零整数或带有两位小数的数字。通过正则表达式的应用实现了对输入数据的有效性检查。

金额：<input type="text" id="input1" placeholder="请输入金额" style="width:100px;">
<input type="hidden" id="hide">

验证输入带有两位小数的数字

document.getElementById("input1").addEventListener("input",function(){
        var obj=this;
        test(obj);
    });
    function test(obj){
        if(obj.value==""){
            document.getElementById("hide").value = obj.value;
        }else if (/^[1-9]\d*\.?\d{0,2}$/.test(obj.value) ||/^0\.\d{0,2}$/.test(obj.value) || /^0\.?$/.test(obj.value) ) {
            document.getElementById("hide").value = obj.value;
        } else {
            obj.value = document.getElementById("hide").value;
        }
    }

验证输入非零的整数

<script type="text/javascript">
    document.getElementById("input1").addEventListener("input",function(){
        var obj=this;
        test(obj);
    });
    function test(obj){
        if(obj.value==""){
            document.getElementById("hide").value = obj.value;
        }else if (/^[1-9]\d*$/.test(obj.value) ) {
            document.getElementById("hide").value = obj.value;
        } else {
            obj.value = document.getElementById("hide").value;
        }
    }
</script>