mercredi 22 octobre 2014

[JS]Empécher l'envoi multiple d'un form

Il est dur de ce protéger des cliqueurs fou aujourd'hui, voici une petite fonction javaScript qui permet d'éviter les envoi multiple d'un form à cause d'un user X ou Y qui aurait eu la bonne idée de cliquez 13 fois sur votre boutton.





La fonction :

 <script type="text/javascript">
function hideSubmit() {
document.getElementById('submitButton').innerHTML = 'patientez...';
return true;
}
</script>

rajouter dans votre balise form :

onsubmit="return hideSubmit();"

Enfin placer votre boutton dans une div comme ceci:

<div id='submitButton'>
<button > votre boutton</button>
</div>

Ceci désactivera votre boutton et affichera un message (patientez...) à la place empéchant ainsi l'envoi multiple.

note : si vous mettez id='submitButton' directement dans votre boutton, cela changera le texte du boutton mais n'empechera pas l'user de cliquer dessu comme un fou furieux


Aucun commentaire:

Enregistrer un commentaire