jQuery Input Limiter

jQuery Input Limiter es un plugin jQuery que te permitirá limitar la entrada de los campos de un formulario (input y textarea). Puede mostrar un mensaje cuando el usuario escribe para hacerles saber el número de caracteres que quedan para llegar a esa limitación.

El plugin tiene varias opciones bastante interesantes como limitar por número de caracteres o por número de palabras, personalizar los mensajes mostrados, etc.

Para añadirlo a tu página Web necesitarás incorporar la librería jQuery, el plugin, su llamada y los estilos necesarios incluidos en los archivos de descarga:

<link rel="stylesheet" type="text/css" href="jquery.inputlimiter.1.0.css" />
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="jquery.inputlimiter.1.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {        
    // The limiter will display the text in Spanish
    $('#name').inputlimiter({
        limit: 50,
        remText: '%n caractere%s restantes.',
        limitText: 'Campo limitado a %n caractere%s.'
    });
});
</script>

Para este caso concreto, al input con identificador #name le estamos indicando que queremos que se limite a 50 caracteres y personalizamos un poco los textos de salida traduciendo al español, ya que de serie vienen en inglés.

Ver ejemplo en funcionamiento

Ver más documentación

Descargar