cliquer c tricher

Compteur de mots et caractères sur textarea

Suite au développement de ma plateforme lngcms, j'ai voulu programmer un compteur de mots et caractères qui peut également indiquer lorsque la limite fixée en nombre de mots ou de caractères est dépassée.
Ce code est basé sur un champ html de type textarea mais peu également être utilisé pour des champs textes simples.
Pas de fioritures dans la présentation, juste l'essentiel.

Comment intégrer ces compteurs sur une page web

Ajouter pour le textarea la classe, le nombre de mots et de caractères maximum (ici entre 3 et 10 mots / 80 caractères) :

Si  vous ne voulez pas préciser une limite, il suffit de ne pas indiquer la propriété à contrôler.
Par exemple pour ne pas indiquer une limite pour le nombre de caractères, une limite de 10 mots et un minimum de 3 mots il faudra écrire :

...class="maxchars" data_mots_min="3" data_mots_max="10" ...

Les identifiants associés à chaque compteur (mots et caractères) doivent être constitués comme ceci :

id="compteurMots_idchampacontroler" et id="compteur_idchampacontroler"

(dans l'exemple ci-dessous les noms des compteurs associés au textarea d'id "page_meta_description" devront être impérativement nommés :
id= "compteur_page_meta_description" et id= "compteurMots_page_meta_description")

La partie exemple de code html à adapter selon ce que vous désirez obtenir

<id="page_meta_description" class="maxchars" style="margin: 0px; width: 259px; height: 62px;" name="page_meta_description">

Laisser un commentaire

Votre adresse mail ne sera pas publiée. Les champs requis sont marqués d'une *