Validate Form preventing form submission

Question

I am using asp.net MVC 5 and trying to validate form on submission. everything works fine until i added the below line of code to validate form using ajax call.

    $('#signupform').validate({
    submitHandler: function (form) {            
        $.ajax({
            type: 'POST',
            data: JSON.stringify({ type: "WhatsNew", code: $('#PrimaryCode').val() }),
            url: '@Url.Action("CheckCode", "Home")',
            dataType: 'json',
            contentType: 'application/json'
        })
        .done(function (response) {
            if (response == 'success') {

                alert('success');
            }
            else {
                alert('failed');
            }
        });
        return false; // required to block normal submit since you used ajax
    }
});

the above code simply blocking the submission of form.

Answer 1

You prevented submission by return false; in order to ajax-validate the form, but the form is not submitted after successful validation.

Add a form submit trigger inside .done();

if (response == 'success') {    
    //  since validation is success, submit form here (e.g. YourForm.submit())
}

Answer 2

Possible walk through:

• Before submitting the form inside .done(); make sure you remove/unbind validate from you form.
• Follow this link: click here for another couple of ways.