jQuery validate if input not empty

Question

Good day. Help set Validate plugin to update user profile. There are two input fields, "new password" and "repeat new password".

Need if they are both empty, it does not perform any checks. And if in the "Password" something entered, the password check for validity and equality of the second password.
I tried something like this, but this "if" does not work.

$.validator.setDefaults({ ignore: ":hidden:not(select)" });

        $('#contact-form').validate({

        rules: {         
         if(passord.lenght){
            password: {
            minlength: 6,
            maxlength: 25,
            required: true,
            loginRegex: true
          },
          password_repeat: {
            minlength: 6,
            maxlength: 25,
           required: true,
            loginRegex: true,
            equalTo: "#password"
          }}
        },
});

I was looking for the answer in similar topics, but not found.

I'm guessing this has been coded quite a number of times. Take a look at sites like this one: jqueryvalidation.org/files/demo/milk — drew_w
– drew_w, Commented Jan 9, 2015 at 8:55

brianlmerritt · Accepted Answer · 2015-03-20 11:01:09Z

3

I like the first answer, but personally would not include the

minlength: 6,
maxlength: 10

In the cfmPassword. Either the first password matches the criteria, or generates an error. If that doesn't generate an error, the second password just has to match it.

answered Mar 20, 2015 at 11:01

brianlmerritt

2,8921 gold badge36 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Varun · Accepted Answer · 2015-01-09 09:16:29Z

2

Can you try this:

<form id="formCheckPassword">
    <input type="password" class="form-control" name="password" id="password"/>
    <input type="password" class="form-control" name="cfmPassword" id="cfmPassword" />
    <input type="submit" value="submit"/>
 </form>



 $("#formCheckPassword").validate({
           rules: {
               password: { 
                 required: true,
                    minlength: 6,
                    maxlength: 10,

               } , 

                   cfmPassword: { 
                    equalTo: "#password",
                     minlength: 6,
                     maxlength: 10
               }


           },
     messages:{
         password: { 
                 required:"the password is required"

               }
     }

});

answered Jan 9, 2015 at 9:16

Varun

957 bronze badges

1 Comment

T_E_M_A Over a year ago

Everything was easier than I thought. Thanks!

Collectives™ on Stack Overflow

jQuery validate if input not empty

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related