Header Ads

Header ADS

Limitar caracteres de un Textarea

10/03/2011 09:55:00 a.m. 0
Hoy en día está muy de moda el darle la posibilidad de que los usuarios puedan escribir solo cierta cantidad de caracteres en un campo de formulario, como por ejemplo se hace en Twitter . A continuación,mostramos una función Javascript que nos permite que un textarea no sobrepase longitud en caracteres: Que un Textarea no sobrepase longitud en caracteres

<html>
<head>
<title>Que un Textarea no sobrepase longitud en caracteres</title>
<script>
contenido_textarea = "";
num_caracteres_permitidos = 140;
function valida_longitud(){
num_caracteres = document.forms[0].texto.value.length


if (num_caracteres <= num_caracteres_permitidos){
contenido_textarea = document.forms[0].texto.value 
}else{
document.forms[0].texto.value = contenido_textarea
}


if (num_caracteres >= num_caracteres_permitidos){
//document.forms[0].caracteres.style.color="#ff0000";
document.getElementById("capa").style.color="#ff0000";
}else{
//document.forms[0].caracteres.style.color="#000000";
document.getElementById("capa").style.color="#000000";
}


cuenta()
}
function cuenta(){
//document.forms[0].caracteres.value=document.forms[0].texto.value.length;
document.getElementById("capa").innerHTML=document.forms[0].texto.value.length;
}
function limpiar()
{
document.form.reset();
}
</script>
</head>

<body onLoad="limpiar();">
<form name="form" action="#" method="post">
<table>
<tr>
<td>Texto:</td>
<td><textarea cols="40" rows="5" name="texto" onKeyDown="valida_longitud()" onKeyUp="valida_longitud()"></textarea></td>
</tr>
<tr>
<td>Caracteres:</td>
<td>
<div id="capa">0</div>
</td>
</tr>
</table>
</form>
</body>
</html>

DESCARGAR EJEMPLO:

CLICK AQUI
Tags:

No hay comentarios.

Suscribirse a: Comentarios de la entrada ( Atom )
Con tecnología de Blogger.