jQuery – Compteur de mots et de caractères

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

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

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

<script>
   $(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+/gi, ' ').split(' ').length;
  var chars = txtVal.length;
  if(chars===0){words=0;}
  dest.html(words+' words<br/>'+ chars +' chars');
}

</script>