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

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

新版本:

它扩展了使用(文本区域和输入)并修复了错误。

// Author: Carlos Machado
// Version: 0.2
// Year: 2015
window.onload = function() {
    function testFunction(evt) {
        var items = this.elements;
        for (var j = 0; j < items.length; j++) {
            if ((items[j].tagName == "INPUT" || items[j].tagName == "TEXTAREA") && items[j].hasAttribute("minlength")) {
                if (items[j].value.length < items[j].getAttribute("minlength") && items[j].value != "") {
                    items[j].setCustomValidity("The minimum number of characters is " + items[j].getAttribute("minlength") + ".");
                    items[j].focus();
                    evt.defaultPrevented;
                    return;
                }
                else {
                    items[j].setCustomValidity('');
                }
            }
        }
    }
    var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
    var isChrome = !!window.chrome && !isOpera;
    if(!isChrome) {
        var forms = document.getElementsByTagName("form");
        for(var i = 0; i < forms.length; i++) {
            forms[i].addEventListener('submit', testFunction,true);
            forms[i].addEventListener('change', testFunction,true);
        }
    }
}

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

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

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

在我的例子中，我使用Firefox(43.0.4)手动验证最多的是minlength和validity。遗憾的是，“太短”不存在。

由于我只需要存储最小长度就可以继续，一种简单而方便的方法是将这个值赋给输入标记的另一个有效属性。在这种情况下，您可以从[type="number"]输入中使用min、max和step属性。

与其将这些限制存储在数组中，不如将其存储在相同的输入中，而不是获取元素id以匹配数组索引。

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

autocomplete = "结束"

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

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

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