JQuery验证字段数长度取决于

时间:2014-07-21 11:25:02

标签: javascript jquery html jquery-validate

我正在使用JQuery Validation Plugin,我希望更改我的字段{zip}的minlengthmaxlength,这取决于国家/地区是否等于PT(葡萄牙)

但在验证中结果总是如此:

enter image description here

任何人都知道我的问题是什么?

HTML:

<body>
<form id="myform">
<label for="field">Required, minimum 3(Other) or 9(PT): </label>
    <input type="text" class="left" id="field" name="field"/>
<br/>
<select class="form-control" id="country" name="country">
    <option value="0">-- Choose Country --</option>
    <option value="BE">Belgium </option>
    <option value="BR">Brazil </option>
    <option value="ES">Spain </option>
    <option value="FR">France </option>
    <option value="NL">Dutch </option>
    <option selected="selected" value="PT">Portugal </option>       
    </select>    
    <br/>
    <input type="submit" value="Validate!"/>
</form>
</body>

JQuery的:

jQuery.validator.setDefaults({
    debug: true,
    success: "valid"
});

$("#myform").validate({
    rules: {
        field: {
            required: true,
            number: {
                depends: function () {
                    return !($('select[name="country"]').val() != 'PT');
                }
            },
            minlength: {
                depends: function () {

                    var country = $('select[name="country"]').val();

                    if (country == 'PT') {
                        return 9;
                    } else {
                        return 3;
                    }
                }
            },
            maxlength: {
                depends: function () {
                    var country = $('select[name="country"]').val();
                    if (country == 'PT') {
                        return 9;
                    } else {
                        return 50;
                    }
                }
            }
        }
    }
});

JSFIDDLE

1 个答案:

答案 0 :(得分:2)

答案已更新。

我做了一些更改,删除了depends

这是更新的小提琴。 http://jsfiddle.net/Y2H9d/36/

$("#myform").validate({
    rules: {
        field: {
            required: true,
            number: function () {
                return !($('select[name="country"]').val() != 'PT');
            },
            minlength: function () {
                var country = $('select[name="country"]').val();
                if (country == 'PT') {
                    return 9;
                } else {
                    return 3;
                }
            },
            maxlength: function () {
                var country = $('select[name="country"]').val();
                if (country == 'PT') {
                    return 9;
                } else {
                    return 50;
                }
            }
       }
    }
});