结合输入限制中的两个正则表达式＆＃34;模式＆＃34;

Question

我需要一个输入字段，用户只能输入7个数字，仅此而已，只需输入7个数字。

我需要（检查7个字符）

pattern=".{7,7}"

和（仅检查数字）

pattern="\d*"

一起工作，但你不能两次定义模式，我如何将这两者结合在一起？

Answer 1

您可以使用

pattern="\d{7}"

或使用明确的锚点：

pattern="^\d{7}$"

查看regex demo。

您无需为最小和最大阈值指定相同的值。如果你想允许1到7位数，那么它是有意义的：pattern="\d{1,7}"。

＆＃13;

＆＃13;

input:valid {
  color: black;
}
input:invalid {
  color: navy;
}

＆＃13;

<form name="form1"> 
 <input type="text" pattern="\d{7}" title="7 digits only!" required/>
 <input type="Submit"/> 
</form>

＆＃13;

＆＃13;

＆＃13;

要使输入字段成为必填项，请添加required属性。

Answer 2

试试此代码

 pattern="[0-9]{7}"