HTML 5 输入模式

Question

我试图将输入限制为 A-Z 和 a-z，最少 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>