在字符类中添加一个空格或
\s
(允许任何空格字符,如制表符、回车、换行、垂直制表符和换页)
^[a-zA-Z ]+$
注意:这将允许字符串中的任意数量的空格。
如果您只想在名字和姓氏之间允许一个空格。
^[a-zA-Z]+(?:\s[a-zA-Z]+)?$
^
: 行首锚点[a-zA-Z]+
: 匹配一个或多个字母(?:
: 非捕获组\s[a-zA-Z]+
: 匹配单个空格后的一个或多个字母?
: 允许前面的组出现零次或一次$
: 行尾锚点input:valid {
color: green;
}
input:invalid {
color: red;
}
<input pattern="[a-zA-Z]+(?:\s[a-zA-Z]+)?" />
如果要允许多个由空格分隔的名称/字符串,请在组上使用*
量词。
^[a-zA-Z]+(?:\s[a-zA-Z]+)*$
^
\s
匹配包括制表符、换行符等在内的所有空白字符。 - Gerald Schneider