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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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' ); | |
| }); |
by
Effective, and so simple! Lovely.
perfect
It works perfectly!! Thanks!!
Hi!
Your solution actually worked!
I’ve been searching for a while for a simple solution to do the trick and this one was the best I’ve found.
Thanks !