Limitar carácteres de un textarea

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.