如何实现html5模式来验证包含特定字母的输入？

Question

我想实现一个HTML5输入模式来验证输入文本是否包含- (个字符。在此文本之前和之后可以有字符。

我该怎么办？

Answer 1

HTML5输入模式基本上是正则表达式，类似于JavaScript中使用的模式。

在你的情况下，你希望有一个与字符匹配的正则表达式 - （'在单词中的任何地方：

<input type="text" pattern="\.*\-\(\.*">

简要说明

• \.匹配任何字符，*表示匹配零次或多次
• \-\(匹配' - （'恰好一次，需要反斜杠，因为两者都是 - 和（是特殊字符
• \.*与开头一样，会匹配任何后续字符零次或多次

您可以在regex101上测试此正则表达式，突出显示的行是与提供的正则表达式匹配的行。

来自MDN doc page

  

图案

     

检查控件值的正则表达式。该   模式必须匹配整个值，而不仅仅是某个子集。使用   title属性用于描述帮助用户的模式。这个   当type属性的值为text时，属性适用   搜索，电话，网址或电子邮件;否则会被忽略。经常   表达式语言与JavaScript相同。模式不是   被正向斜线包围。

您也可以使用MDN page about regular expressions作为参考来创建输入模式，因为语法是相同的。

此外，您可以找到许多正则表达式来验证HTML5Pattern

处的各种输入