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

时间:2016-01-15 09:17:01

标签: html5 pattern-matching

如何为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" />

2 个答案:

答案 0 :(得分:3)

您正在寻找一个RegEx:/^\d{1,3}$/^0*\d{1,3}$,以允许以0的任何一个开头的数字。

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

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

您可以在https://regex101.comhttp://regexr.com

等网站上试用您的RegEx

答案 1 :(得分:0)

尝试使用此模式:

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

另一种方法是使用maxlength属性,如

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

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