HTML 字段类型 仅输入数字或仅字母而不使用 JavaScript

Question

我创建了一个表单，其中一个字段应该只填写数字。

我希望该字段自输入以来只能用数字填充。

像这个例子：

如何使用 Javascript 只允许在文本框中输入数字？

我试过使用Regex ，但是当我尝试输入时仍然可以输入字母。

<input type="number" min="2" pattern="^[0-9]" class="andi_input required-entry" name="amount" id="amount" required title='Only Number' />

我希望它在输入到字段时而不是在单击提交按钮之后出现，并通知该字段只能填充数字。

我也尝试添加validate-number ，但结果是一样的。

如何，不用javascript，让字段只能填数字或字母？

对于这种情况，是否必须使用 JavaScript还是有另一种不使用 JavaScript 的方法？

Answer 1

HTML 5使用type =“ number”，因此请确保您使用的浏览器兼容。 在这里查看实际操作。

Answer 2

您应该检查浏览器的兼容性。 您说的没错， <input type="number" pattern="^[0-9]" /> 。

您的正则表达式规则是：^ [0-9]：

• ^在字符串开头的断言位置
• [0-9]匹配以下列表中出现的单个字符（0-9表示介于0到9之间的单个字符）

您可以在此处检查您的正则表达式。

我经常使用HTML5验证和jQuery，因为IE在大多数情况下都是反复无常的。

更新：

没有Javascript，就无法实时检查模式。 我建议您使用jQuery库，例如： http : //www.jqueryscript.net/form/jQuery-Plugin-For-Formatting-User-Input-with-Specified-Pattern-formatter-js.html 。

Answer 3

这是一个 OneLiner：

<input type="number" onkeypress="return /[0-9]/i.test(event.key)">

或者

<input type="text" onkeypress="return /[a-z]/i.test(event.key)">