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



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

我应该如何继续?

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

在您的情况下,您希望有一个正则表达式来匹配单词中的任何字符"-(":

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

简介

  • .匹配任何字符*表示它将匹配0次或更多次
  • -(与'-('正好匹配一次,需要反斜杠,因为-和(都是特殊字符
  • .*与开头的一样,将匹配以下任何字符零次或多次

您可以在regex101上测试此regex,突出显示的行与提供的regex匹配。

从MDN文档页面

图案

用于检查控件值的正则表达式。这个模式必须匹配整个值,而不仅仅是某个子集。使用title属性来描述模式以帮助用户。这当类型属性的值是文本时,属性适用,搜索、电话、网址或电子邮件;否则它将被忽略。常规表达式语言与JavaScript语言相同。模式不是被前斜线包围。

您还可以使用有关正则表达式的MDN页面作为创建输入模式的参考,因为语法是相同的。

此外,您可以在HTML5Pattern 中找到许多正则表达式来验证各种输入

最新更新