How to fire jQuery function only if form is valid

Question

I have a jQuery function tied to my submit button like this:

$(function () {
    $(\'#signupform\').submit(function () {
        alert(\'test\');
    });
});         


        

Answer 1

If you are using jquery validate unobtrusive validation you could:

$(function () {
    $('#signupform').submit(function () {
        if($(this).valid()) {
            alert('the form is valid');
        }
    });
});