HTML 5输入模式

Question

我试图限制输入到AZ和az至少1个字符,最多20个,它似乎没有工作.

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

每次我尝试使用正确的输入提交时,都会出现"请匹配请求的格式"错误.

Answer 1

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

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

除此之外,添加一个required属性.这对我有用:

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