当字段不为空时,jquery验证

Question

我使用jquery验证验证我的表单,如下所示:

$("#formuser").validate({

        rules: {

           accountname: {
            required: true,
            minlength: 6
        },
        T1: {
            required: true,
            minlength: 6
        },
            accountpassword1: {
                required: true,
                minlength: 8
            },
            accountpassword2: {
                required: true,
                minlength: 8,
                equalTo: "#accountpassword1"
            },
        },
 });

HTML:

<input id="accountpassword1" class="text-input form-control"  type="text" name="accountpassword1" size="24" placeholder="password" >

<input class="text-input form-control"  type="text" name="accountpassword2" size="24" placeholder="password" >

这对我有用但是.当password1和密码2不为空时,我需要检查jquery验证.我的意思是如果密码输入为空jquery验证不验证字段否则验证字段password1和password2.

怎么创造这个？

注意::我只需要检查验证accountpassword1并accountpassword1使用此方法.

Answer 1

您可以使用依赖选项

function isPasswordPresent() {
    return $('#accountpassword1').val().length > 0;
}

$("#formuser").validate({
    rules: {
        accountname: {
            required: true,
            minlength: 6
        },
        T1: {
            required: true,
            minlength: 6
        },
        accountpassword1: {
            //required: true is not required
            minlength: {
                depends: isPasswordPresent,
                param: 8
            }
        },
        accountpassword2: {
            required: isPasswordPresent,
            minlength: {
                depends: isPasswordPresent,
                param: 8
            },
            equalTo: {
                depends: isPasswordPresent,
                param: "#accountpassword1"
            }
        },
    },
});

演示:小提琴