Empêcher la soumission multiple d’un formulaire

Lorsqu’on utilise des formulaires, on est souvent confronté au problème de la soumission multiple. Pour éviter cela il suffit d’utiliser la méthode JavaScript suivante :

function soumettreUneSeuleFois(formulaire) {   if (formulaire.elements['submit']  != null) {     if (formulaire.elements['submit'].disabled) {       return false;     }     formulaire.elements['submit'].disabled = true;     formulaire.elements['submit'].value = 'Veuillez patienter';   }   return true; }

Quant au code HTML du formulaire, il sera le suivant :

<form action="traitement.php" method="post"          onsubmit="return soumettreUneSeuleFois(this);">   <fieldset>     <input name="champ" type="text" />     <input type="submit" name="submit" value="soumettre" />   </fieldset> </form>

Ainsi lorsque le formulaire sera soumis, que ça soit par l’appui sur la touché Entrée ou bien par un clic sur le bouton de soumission, ce dernier sera désactivé et son texte sera remplacé par un message d’attente.

Ce contenu a été publié dans Développement Web. Vous pouvez le mettre en favoris avec ce permalien.

6 réponses à Empêcher la soumission multiple d’un formulaire

Les commentaires sont fermés.