带空格的HTML5表单验证模式字母数字？

Question

我的html5表单中有以下输入标记:

<p>
    <label>Company Name*</label>
    <input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>

这可以很好地检查公司名称是否由字母数字字符组成.但当然我想在公司名称中留出空格.我需要知道应该添加到模式中的内容.

Answer 1

如何在模式属性中添加空格如pattern="[a-zA-Z0-9 ]+".如果你想支持任何类型的空间尝试pattern="[a-zA-Z0-9\s]+"

Answer 2

我的解决方案是涵盖所有变音符号范围:

([A-z0-9À-ž\s]){2,}

A-z - 这适用于所有拉丁字符

0-9 - 这适用于所有数字

À-ž - 这适用于所有变音符号

\s - 这是为了空间

{2,} - 字符串长度至少需要2个字符

Answer 3

要避免仅包含空格的输入,请使用:"[a-zA-Z0-9]+[a-zA-Z0-9 ]+".

eg: abc | abc aBc | abc 123 AbC 938234

例如,为了确保输入第一个姓氏,请使用稍微的变化

"[a-zA-Z]+[ ][a-zA-Z]+"

eg: abc def

Answer 4

这是一个很老的问题，但是如果对任何人都有用，从这里找到的良好响应开始，我已经结束了使用这种模式：

pattern="([^\s][A-z0-9À-ž\s]+)"

它将至少需要两个字符，请确保它不是以空格开头，而是在单词之间留有空格，并且还允许使用特殊字符，例如?, ó, ä, ö。