How to Prevent Users from Submitting a Form Twice

by

Once the form is submitted, attach a handler with jQuery that hijacks and “disables” the submit handler:

var $myForm = $("#my_form");
$myForm.submit(function(){
    $myForm.submit(function(){
        return false;
    });
});

Returning “false” from the submit handler will prevent the form from submitting. Disabling buttons can have weird effects on how the form is handled. This approach seems to basically lack side effects and works even on forms that have multiple submit buttons.

More Related Contents:

  1. Get the longest text in HTML document using Jquery or javascript
  2. Hide/Show image on one click [closed]
  3. Why can’t I call a function named clear from an onclick attribute?
  4. How to move an element into another element?
  5. Resizing an image in an HTML5 canvas
  6. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  7. In HTML5, is the localStorage object isolated per page/domain?
  8. Transfer data from one HTML file to another
  9. Which browsers support ?
  10. How to prevent a click on a ‘#’ link from jumping to top of page?
  11. jQuery: Get selected element tag name
  12. How to use greasemonkey to selectively remove content from a website
  13. HTML anchor link – href and onclick both?
  14. What is the meaning of polyfills in HTML5?
  15. How to prevent an HTTP request just for a favicon?
  16. HTML DOM: Which events do not bubble?
  17. Download textarea contents as a file using only Javascript (no server-side)
  18. mailto using javascript
  19. HTML Input type number Thousand separator
  20. Change text color based on brightness of the covered background area?
  21. Invert text color on mouse hover
  22. Can I apply the required attribute to fields in HTML?
  23. HTML5 audio playlist – how to play a second audio file after the first has ended?
  24. HTML5 drag and drop folder detection in firefox. Is it even possible?
  25. Is it possible to do mathematics inside CSS?
  26. Adding click event for a button created dynamically using jQuery [duplicate]
  27. canvas- Cropping images in different shapes
  28. converting a javascript string to a html object [duplicate]
  29. Get All Elements in an HTML document with a specific CSS Class
  30. How to pass parameters through iframe from parent html?

Leave a Comment