Limitar Caracteres de un Textarea con JavaScript

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 comprobación del tamaño y un mensaje en el caso de que nos hayamos pasado, además usaremos return false para que el caracter escrito por teclado no sea añadido en el texto.

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 envíe 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.

Artículo por cortesía de Eloi de San Martín
www.programacionweb.net

Usuarios que han visto este tema también han visto...

- Validar CIF
- Acceso a variables y funciones de otras ventanas con Javascript
- Simulación de instalación con JavaScript
- Rollover con javascript
- Marcar todos los checkboxes con JavaScript

- Versión imprimible de este documento

- Enviar por e-mail este documento