SummArg | Cursos y recursos para webmasters

12/10/2012

Contador y limitador de caracteres para un campo de formulario con jQuery

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. 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.

<textarea id="text" maxlength="100" cols="50" rows="5" placeholder="Enter Text"></textarea>
<div id="chars">100</div>

Acto seguido insertamos la función.

<script>
$(document).ready( function() {
var elem = $("#chars");
$("#text").limiter(100, elem);
});
</script>

Descargar: jQuery TinyLimiter (731)

Dejar un comentario