jquery validate when field not empty

Question

I validate my form using jquery validate like this:

$("#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" >

this worked for me But. I need to check jquery validate when password1 and password 2 not empty. my mean is if password input is empty jquery validate not validate field else validate field password1 and password2.

how do create this?

NOTE:: i need to only check validate accountpassword1 and accountpassword1 with this method.

Answer 1

You can use the depends option like

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"
            }
        },
    },
});

Demo: Fiddle

Answer 2

I had the same requirement So I used this code

 $.validator.addMethod(
    "regex",
    function(value, element, regexp){        
        return this.optional(element) || regexp.test(value);
    },
    "Please check your input.");


$('#registration').validate({        
        rules: {
        first_name: {
            required: true , regex: /([-a-zA-Z0-9]|\0)/                
        },
        last_name: {
            required: true , regex: /([-a-zA-Z0-9]|\0)/
        }            
    },        
    errorPlacement: function(){
       return false;
    },        
    submitHandler: function (form){
        alert('sucess')
        return false;
    }
}); 

its working for me. Hope it helps