Empêcher le double clic sur les formulaires

Ce petit plugin empêche qu’une personne soumette par erreur deux fois le même formulaire en cliquant deux fois de suite sur le bouton d’envoi.

Pour ce faire, il intègre automatiquement un petit script javascript.

Le problème

Des gens cliquent parfois par mégarde deux fois sur le bouton d’envoi d’un formulaire, si bien qu’on reçoit la réponse en double (voir en triple !).

La solution

Installer et activer ce plugin. Lors de la soumission d’un formulaire, quel qu’il soit, les boutons de soumission du formulaire sont automatiquement désactivés, et la double soumission n’est plus possible.

Notez que le javascript n’est pas inséré sur les pages ne comportant pas de formulaire, ni dans l’espace privé.

Après rechargement de la page (total, ou partiel via AJAX), le formulaire peut être à nouveau soumis.

Personnalisation

Les formulaires désactivés se voient attribuer la classe js-sending, vous pouvez donc adapter vos css pour en tenir compte.

Une feuille de style css minimum css/empecher_double_clic.css est fournie avec le plugin. Vous pouvez la surcharger dans votre propre dossier squelettes.

Vous pouvez, si besoin, surcharger dans vos squelettes le script js/empecher_double_clic.js.

Remerciement à nicod_ pour le code JS original et la personnalisation du logo, sur la base du travail d’Adrien Coquet.

Dernière modification de cette page le 9 mai 2019

Discussion

Aucune discussion

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom