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版以来默认启用了minlength
和validity.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