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.

updated on 2 October 2019

Discussion

Aucune discussion

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom