Contar-Limitar caracteres en un input tex

miriamgomez · #1 (**permalink**) 01/05/2011, 07:54

Hola :

Buscando como limitar los caracteres en un input text, di con este codigo:

Código HTML:

Ver original<html> 
<head> 
    <title>Untitled</title> 
    <script> 
    function contar(esto){ 
    cuantas=esto.length 
    if(cuantas>99){document.forms[0].cosa.value=esto.substring(0,99)} 
    document.forms[0].total.value=cuantas; 
     
    } 
     
    </script> 
</head> 
 
<body> 
<form> 
<textarea cols="20" rows="5" name="cosa" onkeydown="contar(this.value)"></textarea> 
<input type="text" name="total" id="total" size="3" maxlength="3" value=0 readonly> 
</form> 
 
 
</body> 
</html>

Pero me gustaria saber como hacer para que por ejemplo tenga un minimo u un maxino de caracteres.

Un saludo

Panino5001 · #2 (**permalink**) 01/05/2011, 08:03

Para que tenga un mínimo simplemente tenés que crear una validación aparte, verificando si la propiedad length de la propiedad value del campo (document.forms[0].cosa.value.length) es o no menor que el valor deseado. Esa validación podrías hacerla usando el evento onblur del campo o el evento onsubmit del formulario.

miriamgomez · #3 (**permalink**) 01/05/2011, 08:06

Muchas gracias por tu respuesta...

Pero ahora para tontas jajjaja, no soy muy experta en este tema

Un saludo

Panino5001 · #4 (**permalink**) 01/05/2011, 08:18

Ya ahí no puedo ayudarte demasiado. No tengo la capacidad de explicarlo más claramente sin hacerlo, y eso no te ayudará en nada.

fodsite · #5 (**permalink**) 01/05/2011, 17:12

Bueno aquí tienes la respuesta que propone el amigo Panino, se le agrega una función que se ejecuta al momento de enviar el formulario.

Código HTML:

Ver original<html>
    <head>
        <title>Untitled</title>
        <script>
        function contar(esto){
            cuantas=esto.length
            if(cuantas>99){
                document.forms[0].cosa.value=esto.substring(0,99)
            }
            document.forms[0].total.value=cuantas;
         
        }
        function validaFrm(){
            var cosa = document.forms[0].cosa.value;
            if(document.forms[0].cosa.value == "" || cosa.length < 15){
                alert('Ingreso al menos 15 caracteres');
                document.forms[0].cosa.focus();
                return false;
            } else if(cosa.length > 100){
                alert('El número de caracteres es mayor a 100');
                document.forms[0].cosa.focus();
                return false;
            }
            return true;
        }
        </script>
    </head>
     
    <body>
    <form method="post" action="" onsubmit="return validaFrm()">
    <textarea cols="20" rows="5" name="cosa" onkeydown="contar(this.value)"></textarea>
    <input type="text" name="total" id="total" size="3" maxlength="3" value=0 readonly>
    <input type="submit" name="enviar" value="Enviar" />
    </form>
     
     
    </body>
    </html>

Recuerda que esta validación es sólo a través de Javascript, luego tienes que validar con tu lenguaje de lado servidor para que se cumplan las mismas condiciones.

miriamgomez · #6 (**permalink**) 02/05/2011, 12:48

Hola:

Genial¡¡¡¡

Esta de miedo con esto me apaño de muerte.

Pero a ver si te gustan los retos jajajjaja: puede salir una alerta cuando llegas al tope superior, osea en este ejemplo, cuando alcances los 100 caracteres...

Gracias de todas maneras, lo diccho eres un monstruo

cheweka · #7 (**permalink**) 06/10/2011, 16:12

Muchas gracias amigo,

Precisamente es lo que necesitaba

function validaFrm()