TUTORIELS 
Formulaires Web : afficher le nombre de caractères restants
"Comment puis-je afficher le nombre de caractères restants pour un formulaire limité à 200 caractères ?"  (29 Janvier 2004)
 
Forums
* Discutez en sur les forums
"Comment puis-je afficher le nombre de caractères restants pour un formulaire limité à 200 caractères, par exemple ?"

Un problème, une interrogation ? Adressez-vous à la rédaction de JDNet Développeurs

On ne le dira jamais assez : il faut toujours contrôler les informations entrées par les utilisateurs dans les champs des formulaires, la moindre incartade pouvant facilement mettre votre système à genoux.
Nous présentons ici un test pour limiter le nombre de caractères dans un champ TEXTAREA (mais il peut s'appliquer à d'autres champs), qui permet non seulement de limiter le nombre de caractères possibles dans un champ, mais aussi de ne pas prendre l'utilisateur par surprise en lui indiquant où il en est dans son quota. De votre coté, cela vous permet de mieux paramétrer les types des données enregistrées, la taille qui leur est allouée, etc.


Il vous reste caractères.


Le code
<script>
  function limiteur()
    {
    maximum = 200;
    champ = document.formulaire.texte;
    indic = document.formulaire.indicateur;

    if (champ.value.length > maximum)
      champ.value = champ.value.substring(0, maximum);
    else
      indic.value = maximum - champ.value.length;
    }
</script>

<form name="formulaire" action="">
  <textarea name="texte" cols="30" rows="5" onKeyDown="limiteur();" onKeyUp="limiteur();"></textarea>
  <br>
  Il vous reste <input readonly type=text name="indicateur" size="3" maxlength=3 value="200"> caractères.
</form>


 
[ Xavier BorderieJDNet
 
Accueil | Haut de page