jQuery – Compteur de mots et de caractères

Un petit script pour compter le nombre de mots et/ou de caractères dans un champ input ou textarea

<input id="text" name="text" type="text" />
<span id="count"></span>

On place le script dans la fonction ready de jQuery pour être sûr que le HTML a bien été complètement chargé.

$(document).ready(function() {
   count($("#text"), $("#count"));
   $("#text").keyup(function() {
      count($("#text"), $("#count"));
   });
});

function count(src, dest) {
   var txtVal = src.val();
   var words = txtVal.trim().replace(/\s+/g, ' ').split(' ').length;
   var chars = txtVal.length;
   if (chars === 0) { words = 0; }
   dest.html(words + ' words<br/>' + chars + ' chars');
}