Está en la página 1de 1

<!

DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Limitar el numero de caracteres en un textarea y input</title>
<script>
// Funcion para limitar el numero de caracteres de un textarea o input
// Tiene que recibir el evento, valor y número máximo de caracteres
function limitar(e, contenido, caracteres)
{
// obtenemos la tecla pulsada
var unicode=e.keyCode? e.keyCode : e.charCode;

// Permitimos las siguientes teclas:


// 8 backspace
// 46 suprimir
// 13 enter
// 9 tabulador
// 37 izquierda
// 39 derecha
// 38 subir
// 40 bajar
if(unicode==8 || unicode==46 || unicode==13 || unicode==9 ||
unicode==37 || unicode==39 || unicode==38 || unicode==40)
return true;

// Si ha superado el limite de caracteres devolvemos false


if(contenido.length>=caracteres)
return false;

return true;
}
</script>
</head>

<body>
<h1>Limitar el numero de caracteres en un textarea y input</h1>
<p>
Limitamos la entrada a 100 caracteres
<br><textarea cols="40" rows="5" name="texto" onKeyUp="return
limitar(event,this.value,100)" onKeyDown="return
limitar(event,this.value,100)"></textarea></td>
</p>

<p>
Limitamos la entrada a 10 caracteres
<br><input name="input" type="text" onKeyUp="return
limitar(event,this.value,10)" onKeyDown="return limitar(event,this.value,10)">
</p>

<p><a href="http://www.w1.com/">http://www.w1.com/</a></p>
</body>
</html>

También podría gustarte