Un plugin jQuery compteur de caractères
Présentation
Ce plugin est le résultat de mes premières expérimentations avec le «pluginage» de jQuery. Ce plugin est utilisable sur tout <input /> de type texte et tout <textarea>.
La création et le fonctionnement de ce plugin sont présentés sur mon blog.
Paramètres du plugin
- max: le nombre maximum de caractères (défaut: 250)
- thr: le seuil d'alerte (défaut: 50)
- normal: code hexa de la couleur du compteur quand le nombre de caractères restants est au-dessus du seuil (défaut: #000000)
- alert: code hexa de la couleur du compteur quand le nombre de caractères restants est égal ou au-dessous du seuil (défaut: #FFA500)
- reached: code hexa de la couleur du compteur quand le nombre de caractères a atteint le maximum (défaut: #FF0000)
Quelques exemples
Sur un <textarea>, avec les paramètres par défaut.
$('#default').charCount();
Sur un <textarea>, avec d'autres couleurs.
$('#colors').charCount({normal:'#ff0000',alert:'#00ff00',reached:'#0000ff'});
Sur un <input>, avec un maximum et un seuil différents.
$('#input').charCount({max:100,thr:25});
Liste de mes autres démos.