Vida Una Homepage
Forum Home Forum Home > Programación > Códigos JavaScript
  New Posts New Posts RSS Feed - Limitar carácteres de un textarea
  FAQ FAQ  Forum Search   Events   Register Register  Login Login


Limitar carácteres de un textarea

 Post Reply Post Reply
Author
Message
Programador View Drop Down
Expert@
Expert@
Avatar

Joined: 09 Mayo 2009
Location: San Pedro Alc.
Status: Offline
Points: 54
Post Options Post Options   Thanks (0) Thanks(0)   Quote Programador Quote  Post ReplyReply Direct Link To This Post Topic: Limitar carácteres de un textarea
    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.

Back to Top
Sponsored Links


Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down



This page was generated in 0.172 seconds.