» Publicación:
20 noviembre 2012
/
Categoría:

Contador y limitador de caracteres para un campo de formulario

Este pequeño script fue publicado en ScripTiny y resulta muy práctico para utilizar en formularios y mejorar la experiencia del usuario en nuestro website. Consiste en un contador de caracteres que va mostrando la cantidad de caracteres restantes que podemos ingresar en un input o en un textarea. Al llegar al límite de caracteres, impide que se siga tipeando en el campo.

Para utilizarlo, debe descargarse el archivo y adjuntarlo en el head del documento después de la linea que vincula jQuery. O si quieren pegar lo siguiente (ojo que como esta hospedado fuera de tu servidor en algun momento pueda que el link desaparezca).

Luego colocamos el HTML en donde el #text corresponderá al campo en donde se ingresa el texto y #chars es el contenedor que muestra la cantidad de caracteres restantes.

Acto seguido insertamos la función.

El primer parámetro el número “100” corresponde al límite de caracteres que deseamos.

Ver demo

PD: en este caso no puse CSS del Script, ya que eso se lo puede dar cada uno. No es relevante en el funcionamiento de del script.

  • Facebook
  • Twitter
  • Delicious
  • Tumblr
  • Google Buzz
  • StumbleUpon
  • Digg
  • Technorati
  • Netvibes
  • Windows Live
  • Reddit
  • LinkedIn
  • Google Bookmarks
  • E-Mail
Etiquetas
» Sobre el autor: Reckless
Joven chileno de 29 años, con un paso por la escuela de Ingenieria de la UNAB, que dejo a medio camino para tomar la carrera de Diseñador Gráfico Profesional en la Universidad Santo Tomás, que era lo que siempre busco desde los 12 años. Fanático de la Universidad de Chile, el Metal y el Hardrock. Actualmente trabajando como Diseñador & Desarrolador Web para Especiales de Emol.com, ademas de "Freelancear" cuando se puede.
Comentarios
Por ahora esta entrada no contiene ningún comentario...
Se el primero en comentar está entrada en el formulario de abajo.
Escribe tú comentario
*
*
» Mensaje: