javascript - 带有静止字符 e 输入的文本框数字和带有 javascript 的负整数

Question

我有一个带有数字输入的文本框。这是我的 javascript 设置为数字文本框。但是当我尝试输入字母时，“e”是允许的。问题:我想做的是不允许使用字母，只能使用数字，不能使用负整数。

HTML:

<input type="numeric" id="usrid" name="usrid" placeholder="Enter number">

Javascript:

$(document).ready(function() {
    $("#usrid").numeric();
});

Answer 1

您可以在输入中使用 type="number"和 min=0 属性来强制对这些字段进行验证:

<input type="number" id="usrid" name="usrid" min=0 placeholder="Enter number">

但是，这不会阻止在输入字段中输入负数或非数字字符。为此，您需要绑定(bind)一个 javascript 事件:

$('#usrid').bind('keypress', function (event) {
    var regex = new RegExp("^[0-9]+$");
    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
    if (!regex.test(key)) {
       event.preventDefault();
       return false;
    }
});