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}$，以允许从任何一个0s开始的数字。

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

^确保字符串以该模式开头，$确保它以该模式结束

您可以在https://regex101.com或http://regexr.com等网站上试用您的RegEx

Answer 2

尝试使用此模式：

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

另一种方法是使用maxlength属性

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

这将确保您的文本框中最多可以包含3位数字。