Dans un input de type « text« , il est facile de limiter le nombre de caractères maximum que peut saisir l’utilisateur grâce à l’attribut « maxlength«
Exemple :
<input type="text" name="montext" value="écrivez votre texte en 50 caractères" maxlength="50" />;
Il n’est par contre bizarrement pas possible d’utiliser cet attribut dans un input de type « textearea« , il convient alors de faire appel à une bidouille javascript si l’on souhaite empêcher l’utilisateur d’écrire tout un roman. Une fonction javascript sue l’événement « keyup » du textarea va vérifier le nombre de caractères saisis et tronquer la chaîne lorsque le nombre max (passé en paramètre de la fonction) est atteint :
code javascript :
Fonction Javascript pour limiter la saisie de caractères dans un textarea
<script type="text/javascript"> function MaxLengthTextarea(objettextarea,maxlength){ if (objettextarea.value.length > maxlength) { objettextarea.value = objettextarea.value.substring(0, maxlength); alert('Votre texte ne doit pas dépasser '+maxlength+' caractères!'); } } </script>;
code HTML :
<textarea cols="20" rows="2" name="montextarea" onkeyup="javascript:MaxLengthTextarea(this, 150);"> écrivez votre texte en 150 caractères maximum </textarea>
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!