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

Añade tu propio comentario | 1 Comentario

  1. ximena dice:

    justo lo q estaba buscando, gracias

  2. Trackbacks/Pingbacks/Retweets

    1. Bitacoras.com

    Danos tu opinión:

# Cursos v2b | Demo

Todos los cursos de video2brain por 189€.
  • Proyectos de vídeo en Adobe Photoshop



  • Adobe Photoshop ahora también se atreve con el vídeo. Atrévete tú también, conociendo todos los elementos del área del trabajo y las herramientas de creación y edición.

    15.98 EUR
  • Montaje con Adobe Photoshop CS4: Entrada en el desierto
  • Workshop creativo: así se hace



    Comprueba cómo se hizo este espectacular montaje con Adobe Photoshop CS4 y aprende los secretos de esta potentísima herramienta. Fíjate en nuestro experto formador, realiza tú mismo el montaje y deja volar tu creatividad.

    21.08 EUR
Tuiteemos | Contactar | Los famosos cursos de video2brain con un 15% de descuento | Fundación Tripartita | pqpq.es | subir | Suscribirse al feed de ceslava.com | ©