TUTORIELS 
Eviter la validation multiple d'un formulaire
Une utilisation simple de JavaScript pour ne pas encombrer sa base de données de requêtes en trop.  (Décembre 2003)
 
Discutez en sur les forums
Internet n'est pas toujours aussi rapide qu'on le souhaiterait : entre les "tuyaux" encombrés, les serveurs surchargés et les bases de données croulant sous le poids des requêtes, il arrive souvent qu'un utilisateur perde patience face à un formulaire, et se mette à le valider répétitivement et frénétiquement... au risque de remplir la base de doublons inutiles.

Une solution pour éviter cela : disabled. Il nous permet, une fois le bouton cliqué, d'interdire l'accès au bouton, ou à un élément du formulaire. disabled nous permet aussi d'interdire la validation du formulaire tant qu'un champ n'a pas été rempli.

Nota : pour que JavaScript puisse agir sur le formulaire, il faut qu'il soit lancé après que ce dernier a été affiché. Le code JavaScript doit donc suivre le formulaire dans le <body>, et non être placé dans le <head>.

Le code
<html>
  <body>

    <form name="formulaire" action="traitement.php" onSubmit="boutonEnvoi.disabled=true;">
      <input type="text" name="champTexte" onClick="boutonEnvoi.disabled=false">
      <input type="submit" name="boutonEnvoi" value="Valider">     </form>

<script language="JavaScript"><!--
document.formulaire.boutonEnvoi.disabled=true;
//--></script>

  </body>
</html>

 
[ Xavier BorderieJDNet
 
Accueil | Haut de page