Question

I cannot figure out how to merge the following separate pieces of code:

 $(document).ready(function () {
     $("#signupForm").validate();
 });

and

 $(document).ready(function () {
    $("#btnSignup").click(function () {
        $.ajax({
            type: "POST",
            dataType: 'json',
            url: "/Newsletter/Signup",
            data: $('#signupForm').serialize(),
            success: function (response) {
                if (response.success) {
                    $('#signupMessage').show(0);
                }
                else {
                    showValidationErrors(response.Data);
                }
            }
        });
        return false;
    });

I need the first part to execute first, and if it validates the form successfully, then I need to exectute the second part.

Answer 1

I believe that you can use valid().

Pseudo code;

$(document).ready(function () {
    $("#signupForm").validate();
    $("#btnSignup").click(function () {
        if ($("#signupForm").valid()) {
            // ajax query
        }
        return false;
    });
});

Does that work? I haven’t checked it.