jquery - 用于多个输入的整数输入控制器

Question

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

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

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

Answer 1

您可以提供所有您希望具有此行为的输入，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();
            }
        }
    });
});

Answer 2

对于 html：

然后 js $('input[type="tel"]').keydown(function (event) {....});

然后任何带有 tel 属性的东西都只是整数，在移动设备上它会拉起电话输入而不是全键盘。现在在电话上，但显然用您的 keydown 事件替换省略号。