结合输入限制“模式”中的两个正则表达式

Question

我需要一个输入字段，用户只能输入7个数字，没有别的，没有别的。

我需要（检查7个字符）

pattern=".{7,7}" 

和（检查仅数）

pattern="\d*" 

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

Answer 1

您可以使用

pattern="\d{7}" 

或明确的锚：

pattern="^\d{7}$" 

看到一个regex demo。

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

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

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

为了使输入字段必须做的，添加required属性。

Answer 2

试试这个代码

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