Como puedo poner un contador de caracteres??

yosbel · #1 (**permalink**) 31/08/2009, 09:05

Me hace falta restringir en un textarea a que el usuario solo me entre 200 caracteres, ahi esta mi primer problema, no tengo idea como hacerlo???. Mi otro problema radica en que me gustaria mostrarle al usuario mediante un texto cuantos caracteres le van quedando por escribir en el textarea, y tampoco tengo idea de como hacer que mediante el usuario vaya escribiendo, el mensaje que diga mas o menos asi: "le quedan 50 caracteres por escribir", vaya cambiando la cantidad de caracteres. Una idea de como hacer esto me vendria muy bien!!!!!
Gracias

Javier01 · #2 (**permalink**) 31/08/2009, 09:50

Hola que tal!

eso no es tan dificil. Te dejo algo pero capas te falte enprolijarlo un poco!

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
    function Delimitar(formulario)
    {
        var maximo = 200;
        if (formulario.textarea.value.length >= maximo) //si es mayor a 200
        {
            formulario.textarea.value = formulario.textarea.value.substring(0, maximo); //recorto asta 200
        }
        else //si es menor a 200
        {
            formulario.quedan.value = maximo - formulario.textarea.value.length; // el maximo menos los que ya use
        }
    }
 
</script>
</head>
<body>
<form name="form" id="form" method="post">
    <textarea name="textarea" rows="4" cols="30" onkeyup="Delimitar(this.form)" ></textarea>
    <br />
    Le quedan: <input type="text" name="quedan" value="200" maxlength="3">
</form>
</body>
</html>

pruebalo, y suerte! saludos!

yosbel · #3 (**permalink**) 31/08/2009, 11:12

Gracias me ha servido perfectamente

nasitios · #4 (**permalink**) 14/12/2011, 08:15

Muy bueno, me sirvió mucho. Lo mejor de todo es que no hacen falta librerías como Jquerry lo que lo hace más liviano y facil de usar.Muchas gracias

Artificium · #5 (**permalink**) 14/12/2011, 14:26

Cualquier cosa se puede hacer sin JQuery ni ninguna otra librería o framework, si se tiene un poco de paciencia para aprender JavaScript puro.