Ejecutar un boton al llegar a una cantidad determinada de caracteres

carlospc · #1 (**permalink**) 16/09/2011, 17:17

Saludos a todos:

Estoy haciendo un sistema en donde tengo varios inputs, el principal es el codigo que tiene 15 digitos, al lado de este input hay un boton para cargar datos, el cual median ajax y php obtiene datos y rellena automaticamente algunos campos adicionales.

Mi problema es el como hacer para que ingresados los 15 digitos del codigo, automaticamente el boton de cargar datos se ejecute. La idea es agilizar el proceso ya que el codigo se va ingresar por un lector de codigo de barras.

Pdta: El boton no es un submit, es solo un type="button" ya que hay aparte un submit para enviar ya todos los datos

Gracias de antemano a quien pueda darme una ayuda...

dleal100 · #2 (**permalink**) 16/09/2011, 19:40

puedes aserlo con length y la condicion if
si la cadena de texto tiene 15 digitos que aga el proceso que dices
ejemplo

Código:

<script type="text/javascript">
var hola="esto es un texto"; //aca tus digitos que optienes del formulario o noce de donde
var texto=hola.length;//letras 15

if(texto=="15")
{
//Aca tu codigo
}
else{
alert("no tiene 15 digitos");

}
</script>

carlospc · #3 (**permalink**) 16/09/2011, 19:45

Hola, justo ese es mi problema, que en el texto vaya contando con cada presionada de tecla, cosa que cuando llegue a 15 digitos se efectue el codigo.

dleal100 · #4 (**permalink**) 16/09/2011, 19:57

Cita:

Iniciado por carlospc

Hola, justo ese es mi problema, que en el texto vaya contando con cada presionada de tecla, cosa que cuando llegue a 15 digitos se efectue el codigo.

jajja ok ya te entendi,
eso se ase con this dame unos minutos y te ago el codigo

carlospc · #5 (**permalink**) 16/09/2011, 20:12

Acabo de hacerlo, me estaba enredando solo, se lo comparto por si a alguien le sirve:

Tomando en cuenta que el id del input es 'codigo'

Código Javascript:

Ver originalfunction ContarCaracteres(){
        var cant = document.getElementById('codigo').value.length;
        if(cant==15){
            //tarea a desarrollar o llamada a alguna funcion
        }
    }

En el input hay que llamar al evento onkeyup, onkeypress, onkeydown (depende la necesidad)

Código HTML:

<input type="text" name="codigo" id="codigo" onkeyup="ContarCaracteres()" />

Y asi resolvi mi duda... espero a alguien le sirva.

Gracias dleal100 por la ayuda.

dleal100 · #6 (**permalink**) 16/09/2011, 20:22

jajajja me ganaste justamente ahorita ya tenia el codigo LOL

Código:

<!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" xml:lang="es" lang="es" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>
<script type="text/javascript">
function noce(){
var emo= document.getElementById("algo").value;
if(emo.length=="15")
{
///aca escribes tu codigo para que aga los que se te pegue la ganaaaaaaaaaaaaaaaa
document.getElementById("puke").innerHTML="<strong>EL CODIGO YA TIENE 15 DIGITOS LOL</strong>";
}


document.getElementById("caca").innerHTML=emo;

}
</script>
</head>
<body>
<form method="" action="">
escribe algo: <input type="text" id="algo" onkeydown="noce()" />
</form>

<div id="caca"></div>
<div id="puke"></div>



</body>
</html>

carlospc · #7 (**permalink**) 16/09/2011, 20:25

Cita:

Iniciado por dleal100

jajajja me ganaste justamente ahorita ya tenia el codigo LOL

Código:

<!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" xml:lang="es" lang="es" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>
<script type="text/javascript">
function noce(){
var emo= document.getElementById("algo").value;
if(emo.length=="15")
{
///aca escribes tu codigo para que aga los que se te pegue la ganaaaaaaaaaaaaaaaa
document.getElementById("puke").innerHTML="<strong>EL CODIGO YA TIENE 15 DIGITOS LOL</strong>";
}


document.getElementById("caca").innerHTML=emo;

}
</script>
</head>
<body>
<form method="" action="">
escribe algo: <input type="text" id="algo" onkeydown="noce()" />
</form>

<div id="caca"></div>
<div id="puke"></div>



</body>
</html>

Si tambien estaria bien solo que el if estas comparando con "15" y no con 15 (cadena y no numero)

dleal100 · #8 (**permalink**) 16/09/2011, 20:31

kajjajaja buena observacion me equiboque solo por las comillas LOL
pero cuando ejecute el codigo en el navegador me funciono