Checking password with server and jquery Validate

Question

$("#changePassword").validate({
        rules: {    
            newPassword: {
                required: true              
            },
            newPassword2: {
                required: true,             
                equalTo: "#newPassword"
            }               
        }
    });

Hey guys this is my validation code.

And this is my password check

    $('#oldPassword').change(function() {
        var password = $(this).val();
        $.post('/settings/check/oldPassword', { value : password }, function(data) {

            if (data == 'false') {                  
                $('#oldPassword').removeClass('valid');
                $('#oldPassword').addClass('error');
            }

        });
    });

How do I make it so the form will not submit when it has this error. I also thought jquery validation didn't submit if a form element had the class error but apparently not. The error class is getting added fine but you can still submit the form. Thanks for any help.

EDIT

Here is the form.

        <input type="text" name="oldPassword" placeholder="Old Password" value="" title="Old Password" class="hint" id="oldPassword" size="30"  /> 

    <br />
    <br />
    <input type="password" name="newPassword" placeholder="New Password" value="" title="New Password" class="hint" id="newPassword" size="30"  /> 

    <br />
    <br />

    <input type="password" name="newPassword2" placeholder="Verify Password" value="" title="Verify Password" class="hint" id="newPassword2" size="30"  /> 

    <br />
    <br />
    <input type="submit" id="submitForm" value="Change Password" />

Nicola Peluchetti · Accepted Answer · 2011-07-27 16:16:11Z

1

You could do:

$('#oldPassword').submit(function() {
    var password = $(this).val();
    $.post('/settings/check/oldPassword', { value : password }, function(data) {

        if (data == 'false') {                  
            $('#oldPassword').removeClass('valid');
            $('#oldPassword').addClass('error');
            return false;
        }

    });
});

EDIT - if you need to valiate a value of an input by checking a remote resource you should use remote() , you definitly should not try to "confuse" the plugin by thinking that the form is invalid

edited Jul 27, 2011 at 16:16

answered Jul 27, 2011 at 15:38

Nicola Peluchetti

77k32 gold badges150 silver badges197 bronze badges

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

5 Comments

Drew H Over a year ago

This is not working. oldPassword is just a input field not a form.

Nicola Peluchetti Over a year ago

And you want to validate it when you submit the form or when you press a key?I don't understand that

Drew H Over a year ago

I need to validate the password on the server when they change fields. Then the new password needs to be validated using jquery validate. That works fine. jquery Validate will keep the form from submitting. I just need to tell jquery validate that the old password is good or not. Take a look at my edit.

Nicola Peluchetti Over a year ago

I think you should use the remote() option of the plugin that i linked in my response: this way the field is validate and if it doesn't pass avalidation the form doesn't submit.

Drew H Over a year ago

Thanks. Remote was the function I needed.

Phil · Accepted Answer · 2011-07-27 15:31:38Z

0

You're going to have to use .submit() and not change() and return false if validation failed.

answered Jul 27, 2011 at 15:31

Phil

11.2k18 gold badges73 silver badges106 bronze badges

Collectives™ on Stack Overflow

Checking password with server and jquery Validate

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related