Disabling the button after once click

by

jQuery now has the .one() function that limits any given event (such as “submit”) to one occurrence.

Example:

$('#myForm').one('submit', function() {
    $(this).find('input[type="submit"]').attr('disabled', 'disabled');
});

This code will let you submit the form once, then disable the button. Change the selector in the find() function to whatever button you’d like to disable.

Note: Per Francisco Goldenstein, I’ve changed the selector to the form and the event type to submit. This allows you to submit the form from anywhere (places other than the button) while still disabling the button on submit.

Note 2: Per gorelog, using attr('disabled', 'disabled') will prevent your form from sending the value of the submit button. If you want to pass the button value, use attr('onclick', 'this.style.opacity = "0.6"; return false;') instead.

More Related Contents:

  1. Concat two arrays But concat is not working
  2. JQuery – $ is not defined
  3. Passing data to a bootstrap modal
  4. Required field validations not working in JQuery Popup MVC 4
  5. Render Partial View Using jQuery in ASP.NET MVC
  6. How to open a URL in a new Tab using JavaScript or jQuery? [duplicate]
  7. How can I detect if Flash is installed and if not, display a hidden div that informs the user?
  8. Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?
  9. C# Web method is not calling in javascript
  10. Passing data to a jQuery UI Dialog
  11. jQuery $.cookie is not a function
  12. How to keep cascade dropdownlist selected items after form submit?
  13. Is it any limit for POST data size in Ajax?
  14. Cannot handle 302 redirect in ajax and why? [duplicate]
  15. jQuery post request (not AJAX)
  16. How to use jQuery UI Calendar/Date PIcker for week rather than day?
  17. jQuery: How to traverse / Iterate over a list of object
  18. Difference between $.post and $.ajax?
  19. What is jQuery Unobtrusive Validation?
  20. Submit form using AJAX in Asp.Net mvc 4
  21. ASP.NET MVC Partial view ajax post?
  22. How to post ASP.NET MVC Ajax form using JavaScript rather than submit button
  23. Post JavaScript array with AJAX to asp.net MVC controller
  24. CSS or jQuery : How to get visible top [duplicate]
  25. Get this error: “Uncaught TypeError: Cannot read property ‘0’ of undefined”
  26. how to convert this nested object into a flat object?
  27. Replace only text inside a div using jquery
  28. Calling webpage JavaScript methods from browser extension
  29. jQuery() not finding elements in jQuery.parseHTML() result
  30. Select2() is not a function

Leave a Comment