"Mientras mas herramientas manejes, mas atractivo eres para los mercados laborales. "

Soy una persona apasionada por todo lo que tiene que ver con Internet y las nuevas tecnologías. Soy autodidacta, y me encanta impartir clases...


Limitar caracteres de un Textarea

Sábado 24 de Julio de 2010

Javascript
Autor: César Cancino
Categoría: Javascript
Etiquetas Programación, php, mysl
Comentarios 3

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

¿Qué te gustaría compartir con nosotros?

Compartir

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:

<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>



3 Comentarios

  1. armen3003
    Lunes 06 de Febrero de 2012

    Para que disminuya el contador, hay que hacer lo siguiente. antes de la condición de la linea 10 escribir: valor = (num_caracteres_permitidos - num_caracteres) Luego modificar la funcion cuenta asi: function cuenta() { if(valor>=0) { document.getElementById("capa").innerHTML=valor; } else { document.getElementById("capa").innerHTML=valor+1; } } Espero les sirva de ayuda.

  2. jorge diaz
    Jueves 27 de Enero de 2011

    bueniiiiiiiiiiiiisimo justo lo necesitaba, encontre esto por casualidad.

  3. Franco
    Martes 07 de Diciembre de 2010

    Necesito pasar a traves del metodo post un textarea, que luego (cdo recibo el valor en otra pagina) la cargo a una bd. Mi duda es la siguiente, cdo completo el textarea uso aproximadamente 1000 caracteres y cdo lo envio a la otra web no me envia todos, HAY ALGUNA FORMA DE AMPLIAR la cantidad de caracteres en textarea????