Question

我尝试为此HTML5表单验证方案找到解决方案：

我有一个输入字段，用户需要输入他的全名，如“John J. Jones”

<input id="test" name="test" type="text" 
placeholder="Please insert your full name" 
pattern="this is where I need some help please" 
required="required" 
title="Please insert your full name as per your registration form">

我想要验证模式，如果输入字段中的“某处”输入了字符串'Jones'（或'jones'）。它可以在开始时，在中间或最后的某个地方，可以全部以小写，大写和小写组合或大写字母输入...

所以有效的输入是：

"J.J. Jones"
"j.j.jones"
"Jones, John"
"jones, john"
"John Jones III."
"j.jones III."

一切正常，只要“jones”在输入的字符串中的某个位置。

谢谢！

Answer 1

HTML5模式为always case sensitive。您可以尝试手动执行此操作。我不是一名正则表达式专家，但我想这应该可以胜任，尽管有点难看：

pattern=".*[j|J][o|O][n|N][e|E][s|S].*"

或者我想这也会起作用（加上，看起来好一点）：

pattern=".*[jJ][oO][nN][eE][sS].*"

Answer 2

你可以这样做：

pattern=".*((j|J)(o|O)(n|N)(e|E)(s|S))+.*"

HTML5 RegEx模式 - 针对子字符串进行验证

2 个答案: