mardi 18 décembre 2012

Bouton ENVOYER : empêcher le double clic avec JQuery

Cas classique: vous avez un bouton ENVOYER sur votre site web ou votre application en ligne et parfois, des soubles entrées en base de données.

La faute à qui? Aux utilisateurs impatients, qui après avoir appuyer sur le bouton ENVOYER, pensent que "rien ne se passe" à cause de la "lenteur" du chargement de la page, dû au post en DB.

La solution? Faire tout simplement disparaitre le bouton ENVOYER après le premier clic de souris, via JQuery.

Code JQuery a placer au niveau de l'évènement:

$("form").submit(function() {
    $("#btnSubmit").attr("disabled", "disabled");
});


Code JQquery a placer au niveau du bouton:

$("#btnSubmit").click(function() {
    $(this).attr("disabled", "disabled");
});

Aucun commentaire:

Publier un commentaire