Ir a contenido
Está usando una versión antigua de su navegador. Este sitio web no está preparado para su visualización en navegadores obsoletos.
Por favor, por su seguridad, instale un navegador más actualizado y seguro.

Navegador Internet Explorer 8  Navegador Google Chrome  Navegador Mozilla Firefox
 

Maxlen

You can read it in english.

 

Maxlen es un plugin para jQuery para tener un control adecuado y flexible sobre el número máximo de caracteres en un textarea.

 

Este plugin y su código fuente han sido liberados con una licencia MIT X11.



Motivación

En el desarrollo web una de las tareas repetitivas más frecuentes y a la vez más pesadas es la de controlar el número máximo de caracteres de un textarea. En campos input esto es muy simple usando el atributo maxlength, pero los textareas no aceptan este atributo, por lo que debe hacerse el control usando Javascript.

 

Para evitar copiar una y otra vez el mismo código en diversos textareas, he escrito este pequeño y simple plugin que, apoyándose en el framework jQuery, hace esta tarea un juego de niños.

 

Descripción

 

Este plugin se asocia con textareas y con inputs. Controla que no se introduzcan más caracteres de los permitidos y además añade opcionalmente un mensaje indicando el número de caracteres restantes; este mensaje, a su vez, puede ser configurado. Ocupa apenas 2KB minimizado.

 

Se puede asociar a uno, todos o algunos de los textareas o inputs de una página, y permite ajustar los parámetros de forma separada para cada uno. En cada llamada se puede definir el número de caracteres, si mostrar o no el mensaje de caracteres restantes, así como el texto de dicho mensaje, una función callback o incluso la clase CSS que se usará para los elementos implicados.

 

Cuando el usuario ha introducido el número máximo de caracteres se añade una clase CSS al mensaje, de forma que se pueda controlar su apariencia para avisar de que se ha alcanzado el máximo.

 

Si el usuario continúa tecleando, el plugin evita que se introduzcan más caracteres, aunque permite borrar o moverse por lo escrito para editarlo. Además, se puede llamar a una función que se ejecutará cuando el usuario teclee habiendo llegado al máximo, para informarle, crear un campo nuevo, o lo que necesite el desarrollador.

 

El plugin controla tanto la entrada por teclado como otras formas de introducción de texto. Por ejemplo, también funciona al copiar y pegar texto que supere el máximo.

 

Usar el plugin

 

El plugin se puede descargar de https://github.com/aremesal/maxlen, o bien directamente con git:

 

$ git clone git@github.com:aremesal/maxlen.git

 

 

Instalación y uso

 

El único requisito del plugin es jQuery en su versión 1.3.2 o superior. Para detalles sobre su uso, consulta el archivo README incluido con el código fuente.

 

 

English

 

 

Maxlen is a jQuery plugin intended to gain convenient and flexible control over max. number of characters in a textarea.

 

This plugin and its source code has been delivered undar a MIT X11 license.

 

Motivation

 

Controlling max. number of characters in a textarea is one of the most common repetitive tasks in web developemnt. This is a simple task when using input fields -just use maxlength attribute-, but textareas doesn't accept maxlength attribute, so it's mandatory to control this behavior using Javascript.

 

To avoid copying over and over again for all textareas, I've written a small and simple plugin which, relaying on jQuery, simplifies this task.

 

Description

 

This plugin associates with textareas or inputs. It takes control to avoid typing more characters than permitted, and furthermore adds an optional message showing the number of left characters; this message is customizable. The plugin weights just 2KB when minimized.

 

You can associate to one, all or just some of the texteareas or inputs in a page, and it allows you to set params separatedly for each one. You can set the number of characters, to show or not show left characters message, as well as this message's text,
a callback function or even the CSS class will be automatically assigned to involved items.

 

When user has typed max. number of characters, a CSS class is added to message, so you can control its appearance to alert that limit has benn reached.

 

If user will still typing, the plugin avoids to insert more characters, thought allows to delete or move around typed text to edit it. Furthermore, the plugin can call a function which will run when user types when limit has been reached.

 

The plugin takes control over keyboard input as well as other input methods, e.g., it controls copy and paste.

 

Using the plugin

 

You can download it from https://github.com/aremesal/maxlen, or clone the git project:
 

$ git clone git@github.com:aremesal/maxlen.git

 

Instaling and using it

 

The only requirement for this plugin is jQuery >= 1.3.2. For a more detailed information about using it, please, look up the README file included with source code.

 



Creative Commons License Esta web http://alvaroremesal.net , su contenido, texto e imágenes está licenciado bajo una Licencia Creative Commons Reconocimiento-Compartir bajo la misma licencia 3.0 España.

2012 - Álvaro Remesal Royo   Avisos legales

logo-acms