Limitar textarea!

gusanosxr · #1 (**permalink**) 25/06/2012, 12:25

soy un poco nuevo en esto y lo único que quiero hacer es que en mi textarea de nombre txt_otros no supere los 180 caracteres...

intente con maxlength, wrap = psyquical...

alguien tiene algúnbuen javaScript que al pasar la cantida permitida genere una alerta diciendo que sobrepaso esta cantidad, me sería de mucha ayuda..

GRACIAS!

sjj · #2 (**permalink**) 25/06/2012, 13:03

Probá con esto (este permite 125 caracteres):

Código HTML:

<script language="JavaScript" type="text/javascript">

function cuenta (campo, cuentacampo, limite) {
if (campo.value.length > limite) campo.value = campo.value.substring(0, limite);
else cuentacampo.value = limite - campo.value.length;
}
</script>

Y el formulario con el textarea:

Código HTML:

<form name="form1">
<textarea name="mensaje" wrap=physical cols="15" rows="5" onKeyDown="cuenta(this.form.mensaje,this.form.remLen,125);" onKeyUp="cuenta(this.form.mensaje,this.form.remLen,125);"></textarea>
<input type="text" name="remLen" size="3" maxlength="3" value="125" readonly>Caracteres restantes:
</form>

gusanosxr · #3 (**permalink**) 25/06/2012, 14:18

Cita:

Iniciado por sjj

Probá con esto (este permite 125 caracteres):

Código HTML:

<script language="JavaScript" type="text/javascript">

function cuenta (campo, cuentacampo, limite) {
if (campo.value.length > limite) campo.value = campo.value.substring(0, limite);
else cuentacampo.value = limite - campo.value.length;
}
</script>

Y el formulario con el textarea:

Código HTML:

<form name="form1">
<textarea name="mensaje" wrap=physical cols="15" rows="5" onKeyDown="cuenta(this.form.mensaje,this.form.remLen,125);" onKeyUp="cuenta(this.form.mensaje,this.form.remLen,125);"></textarea>
<input type="text" name="remLen" size="3" maxlength="3" value="125" readonly>Caracteres restantes:
</form>

COMPA TODO BIEN, PERO NO ME CUENTA LAS CARACTERES, MI FORM SE LLAMA DATOS_SOLICITUD Y MI TEXTAREA SE LLAMA TXT_OTROS LOS CAMBIE OBVIAMENTE EN EL CÓDIGO QUE ME DISTE, PERO NADA...GRACIAS Y SI ME PUEDES AYUDAR UN POCO MÁS SERÍA BUENO

<textarea name="txt_otros" wrap= physical rows="3" cols="60" onKeyDown = "cuenta(this.datos_solicitud.txt_otros,this.datos_ solicitud.remLen,20);" onKeyUp="cuenta(this.datos_solicitud.txt_otros,thi s.datos_solicitud.remLen,20);"></textarea>
<input type="text" name="remLen" size="3" maxlength="3" value="20" readonly>
</form>

emprear · #4 (**permalink**) 25/06/2012, 14:32

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Script contar caracteres restantes</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
/*********************************************************************
* Script contar caracteres restantes. Implementación:
* en el textarea onkeyup="cuentaChar('aaa','bbb',20);"
* donde, 'aaa' es el id del textarea
* 'bbb' el id del elemento que muestra el conteo
* y 20 (sin comillas), el máximo de caracteres permitidos
* en el elemento 'bbb' ingresar el número máximo.
*********************************************************************/
 
function cuentaChar(campo,contador,maximo){
var Eltexto = document.getElementById(campo);
if(Eltexto.value.length > maximo){
alert('Has superado los ' + maximo + ' caracteres permitidos');
document.getElementById(contador).innerHTML = '0';
Eltexto.value = Eltexto.value.substr(0,maximo);
Eltexto.focus();
return (false);
}else{
var numchar = maximo - Eltexto.value.length;
document.getElementById(contador).innerHTML = numchar;
}
}
//]]>
</script>
</head>
<body>
<form action="#">
<textarea rows="10" cols="25" id="comentarios" onkeyup="cuentaChar('comentarios','cuenta',20);"  onblur="cuentaChar('comentarios','cuenta',20);"></textarea>
<br />
<span id="cuenta"><!-- cuenta --></span>
</body>
</html>

SAludos

gusanosxr · #5 (**permalink**) 25/06/2012, 15:29

GRACIAS A USTEDES, PERO LO HICE CON EL SIGUENTE CÓDIGO

<textarea name="txt_otros" rows="3" cols="60" onkeypress="if(this.value.length>= 120){alert('Has superado el tamaño máximo permitido'); return false; }"></textarea>

GRACIAS DE TODAS FORMAS!

emprear · #6 (**permalink**) 25/06/2012, 15:48

Cita:

Iniciado por gusanosxr

GRACIAS A USTEDES, PERO LO HICE CON EL SIGUENTE CÓDIGO

<textarea name="txt_otros" rows="3" cols="60" onkeypress="if(this.value.length>= 120){alert('Has superado el tamaño máximo permitido'); return false; }"></textarea>

GRACIAS DE TODAS FORMAS!

Si te hacen un copy/paste no te va a funcionar

gusanosxr · #7 (**permalink**) 26/06/2012, 09:30

Cita:

Iniciado por emprear

si te hacen un copy/paste no te va a funcionar

toda la razón compa, pero en la parte que se ocupa de la empresa, nunca se repite el comentario...

Saludos!!!

emprear · #8 (**permalink**) 26/06/2012, 15:45

Cita:

Iniciado por gusanosxr

toda la razón compa, pero en la parte que se ocupa de la empresa, nunca se repite el comentario...

Saludos!!!

Creo que si le agregás en el evento onblur la función, se resuelve, com le agregué a mi código más arriba

Saludos