input输入框只能输入正整数

最新推荐文章于 2024-05-17 14:41:31 发布

原创最新推荐文章于 2024-05-17 14:41:31 发布 · 1.3w 阅读

5 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何通过HTML和JavaScript实现输入框只能输入正整数的功能，包括自动清除非法字符的方法。

input输入框加入限制只能输入正整数，输入其他字符会自动清除：
html的写法：

<input type="text" id="price"
    onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"  
    onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" />

js里面也要写：

$("#totalCnt").change(function () {
        var totalCnt = $("#totalCnt").val();
        if (totalCnt != parseInt(totalCnt)){
            $.sobox.alert(
                    '温馨提示',
                    '请输入正确的正整数',
                    function () {
                        $("#totalCnt").val("");
                    }
            )
            return false;
        }
    })