html5表单验证 - 在可选字段上使用模式

Question

我有一个可选的表单字段，我想使用新的html5模式选项。 但是，当我添加模式时，即使我没有必需的属性，字段也是必需的。我已经包含了下面的模式。我希望用户能够将字段留空，但如果用户在字段中输入了某些内容，那么我希望应用该模式。我怎么做到这一点？提前致谢。

pattern="[-a-zA-Z '.,]{3,50}" 

Answer 1

的问题是，{3,50}限制性量词至少需要3次出现在字符类中定义的字符的。

您需要使模式可选。与可选的非捕获组包裹它：

pattern="(?:[-a-zA-Z '.,]{3,50})?" 
     ^^^     ^^ 

HTML5 patterns自动卷绕有锚固件，即，图案上方将被翻译成^(?:(?:[-a-zA-Z '.,]{3,50})?)$和将匹配

• ^(?: - 字符串
的开始
• (?:[-a-zA-Z '.,]{3,50})? - 发生1或0次3至50个连字符，ASCII字母，空格，',.或,
• )$ - 字符串结尾。