12Oct/100
Prevent Multiple Submits on your forms with Jquery
Here's a simple little Jquery tidbit to prevent user form submitting the same form multiple times.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <form method="post" id="checkout" name="checkout" action="subscribe.asp" onsubmit="return errorsOnSubmit(this);"> <input type="text" name="emailaddress" id="acceptDropShip"/> <input type="submit" name="submit_form" value="Send" class="form_button" /> </form> <script type="text/javascript"> var submitForm = false; //Do some form validation and set the var submitform to true or false if (submitForm == true) { $('input[type=submit]').attr('disabled', 'disabled'); form.submit(); }else{ return false; } </script> |
Ohh and don't forget to include the jQuery libary...
Sponsors
Categories
- CakePHP (2)
- Classic ASP (VB Script) (14)
- CSS (2)
- HTML5 (1)
- Javascript Libraries/Frameworks (2)
- SmarterTrack (1)
- Software (3)
- T-SQL (4)
- VB.Net (1)
- WordPress (3)
Site Links
Blogroll
- Codango Web Development Reviews, Resources, and Inspiration.
- tuts+ From graphics to web development, audio to video and more, get the skills you want from our family of tutorial and resource sites.
- W3Avenue advice & resources for rapid web development
- WebAppers Hunting the Best Open Source Resources for Web Developers