forum

Home / DeveloperSection / Forums / jquery: prevent form submit on ajax validation error

jquery: prevent form submit on ajax validation error

Anonymous User420316-Feb-2013

Hi MindStickians!

I have a form with some ajax validation fields.(not all fields are validated using ajax)

I want to prevent form submit if there is an error on one of those fields.

I would like it to be generic for other forms I have with ajax validation.

1 flag would not do the trick.

This is what the ajax field looks like on error:

Thanks in advance!

Updated on 18-Feb-2013

I am a content writter !

Can you answer this question?

Answer

18-Feb-2013

Hi Goti!

you can try this way

$("form").one( "submit", function() {

var self = this;

// ajax validation

$.ajax()

.done( function() {

// call validation, if form is valid, ajaxValidation calls submit again.

ajaxValidation( self );

});

// first submit is always ignored.

e.preventDefault();

return false;

});

function ajaxValidation( target ) {

// check valid & call submit

}