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>
0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.