HTML5 中是否有最小长度验证属性？

Question

似乎 --- <input> 字段的 minlength 属性不起作用。

HTML5 中是否有任何其他属性可以帮助我设置字段值的最小长度？

原文由 emilan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 pattern 属性。 required 属性 也是需要的，否则具有空值的输入字段将被排除在 约束验证 之外。

 <input pattern=".{3,}"   required title="3 characters minimum">
<input pattern=".{5,10}" required title="5 to 10 characters">

如果要创建选项以将模式用于“空或最小长度”，则可以执行以下操作：

 <input pattern=".{0}|.{5,10}" required title="Either 0 OR (5 to 10 chars)">
<input pattern=".{0}|.{8,}"   required title="Either 0 OR (8 chars minimum)">

原文由 user123444555621 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

现在 HTML5 规范 中 有 一个 minlength 属性，以及 validity.tooShort 接口。

两者现在都在所有现代浏览器的最新版本中启用。有关详细信息，请参阅 https://caniuse.com/#search=minlength 。

原文由 rhgb 发布，翻译遵循 CC BY-SA 4.0 许可协议