Posted on 4 Comments

Prevent Duplicate Form Submissions with jQuery

Some shopping cart forms will allow buyers to click the buy/submit button more than once, resulting in multiple charges to the same person, and irritation. There is a simple way to prevent duplicate form submissions using jQuery. This script prevents a form from being submitted twice, except when using Firefox 3.x, which will submit the form no more than twice if the visitor is clicking the submit/buy button repeatedly.

jQuery(function() {
$("form").submit(function() {
// submit more than once return false
$(this).submit(function() {
return false;
});
// submit once return true
return true;
});
});
/* or */
jQuery('form').submit(function(){
$(this).find(':submit').attr( 'disabled','disabled' );
});