Maxlength de un TextAreacon jQuery

En este tutorial te mostraré cómo utilizar jquery.maxlength.js en algunos campos del formulario común

Para empezar, tendrá que descargar una copia de la biblioteca jQuery http://docs.jquery.com/Downloading_jQuery .
Este plugin funciona con 1.2.6 y 1.3.x
Usted también tendrá que descargar el plugin de jquery.maxlength. js

Una vez que haya descargado la copia que tendrá que incluir en el archivo.

  
    
  

  


Próximo paso incluir la librería

  
    
    
  
  
  

 

Ahora a la parte divertida, la forma de aplicar la funcionalidad de su guión.

Opciones del plugin

$(document).ready(function(){    
  $('#textarea_1_1').maxlength({   
    events: [], // Array of events to be triggerd    
    maxCharacters: 10, // Characters limit   
    status: true, // True to show status indicator bewlow the element    
    statusClass: "status", // The class on the status div  
    statusText: "character left", // The status text  
    notificationClass: "notification",	// Will be added when maxlength is reached  
    showAlert: false, // True to show a regular alert message    
    alertText: "You have typed too many characters.", // Text in alert message   
    slider: false // True Use counter slider    
  }); 
});

Ver código fuenteDemo y Pagina del autor

Anuncios
  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: