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

看起来<input>字段的minlength属性不起作用。

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


您可以使用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)">

一个minlength在HTML5规范属性现在,还有validity.tooShort接口。

PS从Firefox 33.0a1和Chrome 38.0.2071.0 canary开始尚未实施。

更新 :HTML5一直保持稳定,Chrome自40版以来默认启用了minlengthvalidity.tooShort


这里是仅限HTML5的解决方案 (如果您需要最小长度5,最大长度10字符验证)

http://jsfiddle.net/xhqsB/102/

<form>
  <input pattern=".{5,10}">
  <input type="submit" value="Check"></input>
</form>
链接地址: http://www.djcxy.com/p/29265.html

上一篇: Is there a minlength validation attribute in HTML5?

下一篇: Open Graph validation for HTML5