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

Question

我创建了一个表单，其中一个字段只能填充数字。

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

像这个例子：

How Can I Use Javascript to Allow Only Numbers to Be Entered in a TextBox?

我尝试过使用 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”，因此请确保您使用的浏览器兼容。在行动here中查看。

Answer 2

您应该检查浏览器兼容性。 你是<input type="number" pattern="^[0-9]" />。

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

• ^断言字符串开头的位置
• [0-9]匹配下面列表中的单个字符     （0-9是0到9之间范围内的单个字符）

您可以查看正则表达式here。

我习惯使用HTML5验证和jQuery，因为IE大部分时间都是反复无常的。

更新：

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