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.

 

jquery word count

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  1. Hola, es justo lo que quería porque este sí sirve para contar las palabras en español. Ya que el resto de los contadores de palabras que hay en otros sitios, no sirven, ya que cuando les pones acentos a las palabras, al acento lo toman como el límite de la palabra. Por ejemplo, «aquí hace calor» resulta en 4 palabras, ya que la í acentuada la toman como un separador.

    El defecto que tiene aquí, es que cuando encuenta dobles espacios, lo toma como una palabra más.

    Lo solucioné cambiando lo siguiente:

    var matches = $(field).val().replace(/\s\s+/g, ‘ ‘).split(‘ ‘);