HTML5中是否有minlength验证属性？

Question

字段的minlength属性似乎不起作用。

在HTML5中有没有其他属性可以帮助我设置字段值的最小长度？

Answer 1

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

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

Answer 2

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

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

如果您想要创建一个选项来使用“empty,or minimum length”的模式,您可以执行以下操作：

<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)">