我注意到，有时在Chrome中，当自动填充打开时，字段是由自动填充浏览器内置方法填写的，它绕过了最小长度验证规则，所以在这种情况下，你必须通过以下属性禁用自动填充:

autocomplete = "结束"

<input autocomplete="new-password" name="password" id="password" type="password" placeholder="Password" maxlength="12" minlength="6" required />

这是html5的唯一解决方案(如果你想要minlength 5, maxlength 10字符验证)

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

< >形式 <输入模式= "。{5 10}" > <input type="submit" value="Check"></input> > < /形式

你可以在输入标签中使用minlength，或者你可以regex pattern来检查字符的数量，甚至你可以输入并检查字符的长度，然后你可以根据你的要求进行限制。

maxlength最聪明的方法

$(“html”)。On ("keydown keyup change"， "input"， function(){ var最大长度= $(这).attr(最大长度); 如果(最大长度){ = $ var值(这).val (); 如果(value.length < =最大长度){ (美元).attr(“v”,价值); ｝ 其他{ ((这).val美元(这).attr (' v ')); ｝ ｝ })； < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> <input type="text" maxlength="10">

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

现在所有现代浏览器的最新版本都启用了这两个功能。具体操作请参见https://caniuse.com/#search=minlength。

同时添加最大值和最小值。您可以指定允许的值的范围:

<input type="number" min="1" max="999" />