Contador de palabras con jQuery

Trevor Davis nos explica en In the Woods cómo crear un contador de palabras con jQuery.

La idea es advertir al usuario si el número de palabras de un textarea es superior o inferior al que queremos.

En el tutorial puedes ver todo el código y la explicación en detalle o puedes copiar este código:

http://themeforest.s3.amazonaws.com/67_wordCounter/scripts/word-count.js

En el XHTML debes añadir a los textarea con la clase count el número mí­nimo y/o máximo de palabras, en este ejemplo serí­a mí­nimo 50 y máximo 100:

class="count[50,100]"

Si el número de palabras no se encuentra en este rango al contador de palabras se le añade automáticamente la clase .error que deberás definir en tu CSS, en la demo esta clase muestra el contador en rojo

.error:#f00;

Puede ser útil para implementar en los comentarios, un número mí­nimo de palabras o por ejemplo en el juego “cadáver exquisito 2.0“ donde los usuarios son invitados a escribir no más de un par de lí­neas.

Enlaces

• Tutorial [en]
• Demo
• Código