HTML5验证模式，例如：13-124132424

Question

我希望验证用户是否在表单字段中输入了13-或14-后跟一长串数字。

这个不起作用：(?:13|14)-[0-9] 这个只使用13-或14-，但没有数字：(?:13|14)-

有效数据的示例：13-9327493743409

感谢您的帮助！

Answer 1

你最后需要添加一个量词：

pattern="(?:13|14)-[0-9]+"

[0-9]+模式匹配一​​个或多个数字。 HTML5 pattern正则表达式默认为锚定，^和$不是必需的。如果13-或14-后可以有0位以上，请将+替换为*（匹配量化模式的零次或多次）。

input:valid {
  color: green;
}
input:invalid {
  color: red;
}

<form name="form1"> 
 <input pattern="(?:13|14)-[0-9]+" title=""/>
 <input type="Submit"/> 
</form>