Wednesday, September 9, 2009

Intercept a form submit with jQuery and prevent or allow submission

Goal: Intercept a form submit, find out what submit button was clicked/invoked and decide to prevent the submission or continue to submit.

Solution:
$(document).ready(function() {
$("form").submit(function(e) {
if (e.originalEvent.explicitOriginalTarget.id == "myButton") {
if (some status is true continue to submit the form)
return true;
//If the status above is false continue to prompt the user if they want to submit or not
var ok = confirm('Do you really want to save your data?');
if (ok) {
return true;
}
else {
//Prevent the submit event and remain on the screen
e.preventDefault();
return false;
}
}
});

return;
});

No comments:

Post a Comment