多输入的整数输入控制器

时间:2013-04-27 04:29:42

标签: jquery

我有以下代码阻止用户输入非整数值。

$(document).ready(function () {
    $("#ResponseDays").keydown(function (event) {
        if (event.keyCode == 46 || event.keyCode == 8) { }
        else {
            if (event.keyCode < 48 || event.keyCode > 57) {
                event.preventDefault();
            }
        }
    });
});

一切都很好,但是在一个页面中我有很多整数输入并且多次粘贴它会使我的代码看起来很糟糕。如何使这个功能适用于许多输入,只写一次?

2 个答案:

答案 0 :(得分:0)

你可以给出你想要这个行为的所有输入一个类numeric然后通过类附加处理程序。

$(document).ready(function () {
    $(".numeric").keydown(function (event) {
        if (event.keyCode == 46 || event.keyCode == 8) { }
        else {
            if (event.keyCode < 48 || event.keyCode > 57) {
                event.preventDefault();
            }
        }
    });
});

答案 1 :(得分:0)

对于html:     

然后是js     $(&#39;输入[type =&#34; tel&#34;]&#39;)。keydown(function(event){....});

然后任何具有tel属性的东西都只是整数,而在移动设备上它会拉出手机输入而不是全键盘。现在在手机上但显然用你的keydown事件替换了省略号。