HTML5表格输入1到3位数字的模式匹配验证

Question

如何为1到3位数字的输入进行模式匹配验证。下面我试着和它不工作

<input type="text" title="FOO should be a 3 Digit Number Only" pattern="[\d]{3}" id="uid" name="foo<?php echo $i+1;?>" placeholder="Enter FOO" placeholder="FOO" required="'required'" minlength="1" maxlength="3" /> 

Answer 1

您正在查找RegEx：/^\d{1,3}$/或^0*\d{1,3}$，以允许以0 s之间的任何值开始的数字。

<input type="text" pattern="^\d{1,3}$" /> 

^确保字符串与该模式启动，并$确保它与模式结束

你可以尝试在网站上像https://regex101.com或http://regexr.com

Answer 2

尝试使用此模式：

pattern="^\d{1,3}$" 

另一种方法是使用maxlength财产像

<input type="text" maxlength="3" />

这将确保你可以有马最多3位数字在您的文本框中。