Limitar caracteres en textarea

snakn · #1 (**permalink**) 14/02/2011, 10:05

Buenas, después de mucho buscar he decidido postear mi duda por si alguien lo ha hecho, me puede explicar como hacer.
Quiero limitar un textarea pero de forma que al llegar al número máximo de caracteres no deje escribir más,es decir, que no escriba la última letra y luego la borre como hacen todos los scripts que hay por ahi, y si es posible que haga lo mismo cuando pegues un texto.

Un saludo y gracias.

doylelives · #2 (**permalink**) 14/02/2011, 10:45

Que uso le estás dando?
Debería usar un input text para limitar la cantidad de texto a ingresar.
El textarea está pensado para ingresar un volumen de datos significativo.
Sin embargo pudes hacerlo haciendo uso de js
http://www.forosdelweb.com/f4/textar...lenght-170948/

snakn · #3 (**permalink**) 14/02/2011, 10:50

Gracias, por la respuesta, pero este código no sirve, como bien he dicho no quiero que después de escribir me borre el caracter sino que ya no lo escriba.
Un saludo.

snakn · #4 (**permalink**) 16/02/2011, 17:34

Nadie sabe como hacerlo?¿

javiercitox · #5 (**permalink**) 17/02/2011, 13:33

lo q tu quieres hacer (q no escriba +) no se puede hacer, si o si te borrará el último caracter, de lo contrario ocupa un textArea y lo limitas.

para q se ejecute la función se debe presionar una tecla y el script contara el nro de caracteres ya ingresados, x lo tanto ya habras impreso la letra.... lo unico q se me ocurre es q al llegar al nro de caracteres hagas un readonly o algo similar al textArea, pero esto hará q ya no se pueda editar

posman · #6 (**permalink**) 17/02/2011, 14:28

Si se puede hacer lo que tu quieres. Depende del evento que utilices para limitar el numero de caracteres.
Si utilizas onkeypress, el caracter ya se habra impreso y entonces tendrias que borrar el caracter que se escribio (si ya se llego al limite).

Si utilizas el evento onkeydown, este se ejecuta ANTES de que se imprima el caracter. Tendrias que revisar si ya se llego al limite y si es asi, entonces regresar un false al evento (o hacer que el evento no se propague con stopPropagation() o cancelBubble() ). De lo contrario regresa un true para que el evento continue.

Un inconveniente de utilizar onkeydown es que al presionar cualquier tecla (incluso suprimir, retroceso, control, alt, etc) tambien se ejecuta el evento. Y si al revisar si el limite de caracteres ya se rebaso, entonces detendrias el evento incluso si presionaras suprimir para borrar algun caracter.

Trate de hacer lo que quieres como ejercicio pero me tuve que ocupar en otras cosas. Te dejo el codigo que escribi aunque creo que todavia no funciona al 100%

Código HTML:

Ver original<html>
<head>
<script>
var maximo = 5;
function presionar(e) {
    var t = document.getElementById("texto").value.length;
 
    document.getElementById("total").innerHTML = t;
 
    var re = /[\w\s_]/g;
    if ( !re.test(String.fromCharCode(e.keyCode)) )
        return true;
 
    if ( t < maximo )
        return true;
    else
        return false;
}
</script>
</head>
<body onload="document.getElementById('texto').focus()">
<textarea id="texto" onkeydown="return presionar(event)" cols="50" rows="5"></textarea>
<br />
<span id="total"></span> caracteres
<input type="button" value="Limpiar" onclick="document.getElementById('texto').value=''" />
</body>

javiercitox · #7 (**permalink**) 22/02/2011, 16:03

Cita:

Iniciado por posman

Si utilizas el evento onkeydown, este se ejecuta ANTES de que se imprima el caracter.

No sabia eso, gracias.... q bueno es aprender algo nuevo todos los días

snakn · #8 (**permalink**) 24/02/2011, 04:32

Gracias por la respuesta, pero aún así no encuentro la ,manera de hacerlo funcionar 100%, y lo raro es que se utiliza en muchas herramientas web y el cdigo exacto no está por ningún lado.

Creo que es un tema interesante a tratar e incluso para añadir al faq de javascript.