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

Question

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

<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) {&nbsp; &nbsp; evt = (evt) ? evt : window.event;&nbsp; &nbsp; var charCode = (evt.which) ? evt.which : evt.keyCode;&nbsp; &nbsp; if (charCode > 31 && (charCode < 48 || charCode > 57)) {&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; }&nbsp; &nbsp; return true;}你可以在这里看到它。

Answer 2

使用HTML5，你可以做到<input type="number">您还可以使用正则表达式模式来限制输入文本。<input type="text" pattern="^[0-9]*$" />

Answer 3

您还可以使用某些HTML5属性，某些浏览器可能已经利用了它们（type="number" min="0"）。无论你做什么，记得在服务器端重新检查你的输入：你永远不能假设已经执行了客户端验证。