HTML5输入模式检查

Question

我不太擅长html模式验证。

我有这个问题，我的输入文本仅是有效的：最少3个字符，最多30个字符，字符串开头和结尾处不允许有空格，一个单词与另一个单词之间允许有空格，允许A-Za-z，单词的第一个字符必须为大写，其他单词必须为小写。谢谢。

Answer 1

[您将要使用正则表达式模式来检查输入是否有效，以及maxlength和minlength属性以确保输入的字符数在3到30之间。

关于RegEx模式，我们必须：

• 从输入的开头开始：^
• 验证第一个字符在A和Z之间：[A-Z]
• 验证最后一个字符之前的以下字符是小写字母或空格：[a-z ]*，其中*表示可能有多个字符与模式的该部分匹配
• 验证最后一个字符是小写字母：[a-z]$，其中$表示输入的结尾

下面是我要使用的代码。

<input type="text" minlength=3 maxlength=30 pattern="^[A-Z][a-z ]*[a-z]$">

Answer 2

如果您需要纯正则表达式，那么它应该为您工作：

(?=^.{3,30}$)^[A-Z][a-z]*(?: [a-z]+)*$

<input type="text" pattern="(?=^.{3,30}$)^[A-Z][a-z]*(?: [a-z]+)*$">

https://regex101.com/r/0M5GXs/1