HTML 5输入模式

Question

我试图将输入限制为A-Z和a-z，最少为1个字符，最多为20个，并且它似乎无法正常工作。

＆＃13;

＆＃13;

<form>
  <input name=Last_Name type=text pattern="[A-Za-z]{1,20}" placeholder=Smith>
</form>

＆＃13;

＆＃13;

＆＃13;

每当我尝试使用正确的输入提交时，错误都是＆＃34;请匹配所请求的格式＆＃34;。

Answer 1

它应该正常工作，除了最小长度将被忽略，因为只有输入值才开始使用模式匹配。

如果您将文本字段留空，则不会运行要验证的模式，因此即使它不匹配您的模式，它也会有效。

除此之外，添加required属性。这对我有用：

＆＃13;

＆＃13;

<form>
    <input name=Last_Name type=text pattern="[A-Za-z]{1,20}" required placeholder=Smith />
    <button type="submit">Test</button>
</form>

＆＃13;

＆＃13;

＆＃13;