输入类型号，只接受数字而不是字母jquery

Question

$("#number").bind('keyup change click', function() {
            if ($(this).val().match(/^\d+$/)) {

            } else {
                alert("Not a number");
            }

这是我的代码，用于获取仅来自用户的数字输入。 没关系，但start of click遇到了一些问题; 当我点击它时会alert它不是一个数字，即使它仍然是empty所以我添加了另一个代码：

if ($(this).val().length === 0) {
}

从代码的开头。 它确实解决了空的问题或开始点击问题是当我输入letters它does not alert消息。 如何解决这个问题？任何建议都表示赞赏

Answer 1

@Rias有上面的答案，但是，您也可以执行以下操作。

$("#number").bind('keyup change click', function() {
    //Check only if the text box is not empty
    if ( $.trim($(this).val()) != "") {
        if ($(this).val().match(/^\d+$/)) {
        } else {
            alert("Not a number");
        }
    }
});

演示@Fiddle

更新：如果您要删除任何非数字字符，请尝试以下操作。

$("#number").bind('keyup change click', function() {

    if ( $.trim($(this).val()) != "") {
        if ($(this).val().match(/^\d+$/)) {
        } else {
            alert("Not a number");
            $(this).val( $(this).val().replace(/[^0-9]+/gi, "") );
        }
    }
});

Answer 2

将正则表达式更改为/^\\d*$/并且它也将接受空字段，因为量词*接受0个或更多字符类型\\d数字，而+需要1个或更多个数字来匹配。

 $(document).ready(function() { $("#number").bind('keyup change click', function() { if ($(this).val().match(/^\\d*$/)) { } else { alert("Not a number"); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="number">