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

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

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

当前回答

我写了这个JavaScript代码，[minlength.js]:

window.onload = function() {
    function testaFunction(evt) {
        var elementos = this.elements;
        for (var j = 0; j < elementos.length; j++) {
            if (elementos[j].tagName == "TEXTAREA" && elementos[j].hasAttribute("minlength")) {
                if (elementos[j].value.length < elementos[j].getAttribute("minlength")) {
                    alert("The textarea control must be at least " + elementos[j].getAttribute("minlength") + " characters.");
                    evt.preventDefault();
                };
            }
        }
    }
    var forms = document.getElementsByTagName("form");
    for(var i = 0; i < forms.length; i++) {
        forms[i].addEventListener('submit', testaFunction, true);
    }
}

2014-07-25 16:17:24

其他回答

我使用了最大值和最小值，这对我来说很有效，但我不确定这是否是一种编码方法。

<input type="text" maxlength="13" name ="idnumber" class="form-control"  minlength="13" required>

2018-06-02 19:08:34

看到http://caniuse.com/搜索=最小长度。某些浏览器可能不支持此属性。

如果"type"的值是其中之一:

文本，电子邮件，搜索，密码，电话或URL(警告:不包括数字|没有浏览器支持“电话”现在- 2017.10)

使用minlength(/ maxlength)属性。它指定最小字符数。

例如,

<input type="text" minlength="11" maxlength="11" pattern="[0-9]*" placeholder="input your phone number">

或者使用"pattern"属性:

<input type="text" pattern="[0-9]{11}" placeholder="input your phone number">

如果“type”是number，虽然不支持minlength(/ maxlength)，但可以使用min(/ max)属性来代替它。

例如,

<input type="number" min="100" max="999" placeholder="input a three-digit number">

2017-10-17 12:07:14

minLength属性(不像maxLength)在HTML5中并不存在。但是，如果字段包含少于x个字符，则有一些方法可以验证字段。

一个使用jQuery的例子:http://docs.jquery.com/Plugins/Validation/Methods/minlength

<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
        <script type="text/javascript">
            jQuery.validator.setDefaults({
                debug: true,
                success: "valid"
            });;
        </script>

        <script>
            $(document).ready(function(){
                $("#myform").validate({
                    rules: {
                        field: {
                            required: true,
                            minlength: 3
                        }
                    }
                });
            });
        </script>
    </head>

    <body>
        <form id="myform">
            <label for="field">Required, Minimum length 3: </label>
            <input class="left" id="field" name="field" />
            <br/>
            <input type="submit" value="Validate!" />
        </form>
    </body>

</html>

2012-04-23 14:11:47

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

autocomplete = "结束"

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

2017-07-18 09:02:34

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

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

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

2016-01-22 21:03:49

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

推荐文章

最新文章

标签