10
votes

Is it possible to validate the form without submitting it using the JQuery validation plugin?

I use a button.click function for validating, the button isn't a submit input.

1

1 Answers

31
votes

Yes, it is possible to test the form's validity without submitting it.

See .valid() method.

Whenever .valid() is called the form is tested, and the method will also return a boolean.

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        // rules & options
    });

    $('#button').click(function() {
        if ($('#myform').valid()) {
            alert('form is valid - not submitted');
        } else {
            alert('form is not valid');
        }
    });

});

Working DEMO: http://jsfiddle.net/zMYVq/