submit form does not stop in jquery ajax call

Question

I got following code :

$.ajax({
    type: "POST",
    async: false,              
    url: "CheckIdExist",
    data: param,
    success: function(result) {
        if (result == true){
            return false;
        }                                 
    },
    error: function(error) {
        alert(error);
        return false;
    }
});

if ajax return value is true, form needs to stop submit.

but it does not stopping submit form.

any help please.

Answer 1

I assume you have something like:

form.submit(function(event) {
    $.ajax(...);
});

You want to return false (or call event.preventDefault()) in the event handling function itself, and not in the AJAX call, such as:

form.submit(function(event) {
    event.preventDefault();
    $.ajax(...);
});