Posted By

dalexandre on 08/02/09

Tagged

Versions (?)

Last Edited at 08/02/09 06:55am

Statistics

Viewed 1117 times

Favorited by 9 user(s)

Related snippets

jQuery to prevent multiple submit on a form

/ Published in: jQuery

To prevent multiple submit from sending more than one request,
bind the submit event and store a "disabledOnSubmit" data. Next time the event "submit" will be fire, the following jQuery code will return false. All submit buttons are also disabled (nice user feedback).

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$(document).ready(function() {
  $('form').submit(function() {
    if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {
      jQuery.data(this, "disabledOnSubmit", { submited: true });
      $('input[type=submit], input[type=button]', this).each(function() {
        $(this).attr("disabled", "disabled");
      });
      return true;
    }
    else
    {
      return false;
    }
  });
});