Print Page | Close Window

Limitar carácteres de un textarea

Printed From: Vida Una
Category: Programación
Forum Name: Códigos JavaScript
Forum Description: Los mejores códigos en Java y Javascript de ayuda para los webmaster. Los mejores ejemplos y trucos útiles de la aplicación de JavaScript .
URL: https://www.vidauna.com/forum_posts.asp?TID=823
Printed Date: 27 Abril 2024 at 7:58am


Topic: Limitar carácteres de un textarea
Posted By: Programador
Subject: Limitar carácteres de un textarea
Date Posted: 11 Marzo 2010 at 8:16am

Vamos a ver cómo podemos limitar el numero de carácteres de una area de texto de nuestra web, para ello usaremos el evento onkeydown que nos detecta cuando acabamos de pulsar una tecla en dicho textarea.

A dicho evento le pondremos la comprovación del tamaño y un mensaje en el caso de que nos hagamos pasado, ademas usaremos return false para que el caracter escrito por teclado no sea añadido en el texto.
 

<textarea onkeydown="if(this.value.length">= 300){ alert('Has superado el tamaño máximo permitido'); return false; }"></textarea>

 
Al superar los 300 caracteres nos mostrará un mensaje de alerta y ya no podremos seguir escribiendo en el area de texto.

Esta es una forma de hacerlo pero hay mas, por ejemplo tambien podemos hacer que el formulario no se envie si el tamaño del textarea supera el permitido, en este caso usamos el evento onsubmit.
 

<form onsubmit="if(document.forms[0].texto.value.length">= 300){alert('El tamaño del textarea supera el permitido'); document.forms[0].texto.select(); return false}">
<textarea name="texto"></textarea><br />
<input type="submit" />
</form>

 
Este código comprueba el tamaño del texto introducido cuando se envia el formulario, y si es incorrecto muestra un error y selecciona el texto, si es correcto enviara el formulario.




Print Page | Close Window