Disable submit button on form submit

by

Do it onSubmit():

$('form#id').submit(function(){
    $(this).find(':input[type=submit]').prop('disabled', true);
});

What is happening is you’re disabling the button altogether before it actually triggers the submit event.

You should probably also think about naming your elements with IDs or CLASSes, so you don’t select all inputs of submit type on the page.

Demonstration: http://jsfiddle.net/userdude/2hgnZ/

(Note, I use preventDefault() and return false so the form doesn’t actual submit in the example; leave this off in your use.)

More Related Contents:

  1. How to check first 200 chekboxes , then next 200 and so on?
  2. How can I access the contents of an iframe with JavaScript/jQuery?
  3. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  4. Is Safari on iOS 6 caching $.ajax results?
  5. Prevent scrolling of parent element when inner element scroll position reaches top/bottom?
  6. Refresh/reload the content in Div using jquery/ajax
  7. Keep overflow div scrolled to bottom unless user scrolls up
  8. Check if object is a jQuery object
  9. Can’t get correct return value from an jQuery Ajax call [duplicate]
  10. jQuery map vs. each
  11. Microsoft CDN for jQuery or Google CDN? [closed]
  12. Convert an image into binary data in javascript [duplicate]
  13. How to do a horizontal scroll on mouse wheel scroll?
  14. Javascript Debugging line by line using Google Chrome
  15. Wrap tags around http text
  16. Loop through JSON object List
  17. Clearing my form inputs after submission
  18. How well does jQuery support backward compatibility?
  19. Get the domain name of the subdomain Javascript
  20. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  21. jQuery remove options from select
  22. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  23. jQuery: more than one handler for same event
  24. Disable zoom on input focus in Android webpage
  25. Include html in another html file [duplicate]
  26. Close a SELECT dropdown list programmatically with Javascript/jQuery
  27. How to check if the user is online using javascript or any library?
  28. Why can an element id not start with an integer? [duplicate]
  29. Possible to reverse a css animation on class removal?
  30. Can I prevent history.popstate from triggering on initial page-load?

Leave a Comment