jQuery : Empêcher la soumission multiple d’un formulaire

Le 13 novembre 2012 — par

Un des problèmes les plus communs dans le Web, votre utilisateur qui double clique sur un bouton de validation de formulaire comme s’il s’agissait d’une icône.

Ce bout de code jQuery permet non seulement de désactiver les boutons d’envoi mais aussi de désactiver la validation du formulaire via d’autres moyens comme taper sur Entrée.

$(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;
    }
  });
});

Merci à Damien Alexandre.

S'abonner au flux RSS du blog
Recevoir les nouveaux articles par e-mail :