仅允许在文本框中键入数字

Question

可能重复:
如何使用jQuery仅允许HTML输入框中的数字(0-9)？

如何只允许在此文本框中写入数字？

<input type="text" class="textfield" value="" id="extra7" name="extra7">

Answer 1

您可以订阅onkeypress事件:

<input type="text" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" />

然后定义isNumber函数:

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}

你可以在这里看到它.

Answer 2

使用HTML5,你可以做到

<input type="number">

您还可以使用正则表达式模式来限制输入文本.

<input type="text" pattern="^[0-9]*$" />

Answer 3

您还可以使用某些HTML5属性,某些浏览器可能已经利用了它们(type="number" min="0").

无论你做什么,记得在服务器端重新检查你的输入:你永远不能假设已经执行了客户端验证.