Habilitar botón al completar form...

spider_boy · #1 (**permalink**) 22/06/2006, 11:48

Hola... otra consultita :p... tengo 3 campos text, y quiero que al ser llenados los 3, inmediatamente se me habilite un botón que deshabilitaré...

desde ya, gracias :)

JavierB · #2 (**permalink**) 22/06/2006, 12:25

Hola spider_boy

¿Te serviría esto...?

Código PHP:

  <html>
<head>
<script>
function validar(frm) {
  frm.sub.disabled = true;
  for (i=0; i<3; i++)
    if (frm['txt'+i].value =='') return
  frm.sub.disabled = false;
}
</script>
</head>
<body>
<form>
<input type="text" name="txt0" onkeyup = "validar(this.form)" />
<input type="text" name="txt1" onkeyup = "validar(this.form)" />
<input type="text" name="txt2" onkeyup = "validar(this.form)" />
<input type="submit" name="sub" disabled="disabled" />
</form>
</body>
</html>

Saludos,

spider_boy · #3 (**permalink**) 22/06/2006, 12:33

La verdad sí... hace un poco lo que quiero... pero en el código que me diste... al llenar solo un campo de texto, el botón se habilita... yo quiero que al llenar los 3... se puede???

agradezco de todos modos tu ayuda :)

JavierB · #4 (**permalink**) 22/06/2006, 12:40

Cita:

Iniciado por spider_boy

al llenar solo un campo de texto, el botón se habilita

¿Estás seguro?

Lo había probado antes de enviar el mensaje y lo he vuelto a probar ahora. Hasta que no escribes algo (aunque solo sea una letra) en los tres campos nos se habilita el botón.

Saludos,

spider_boy · #5 (**permalink**) 22/06/2006, 12:47

Lo probé nuevamente, y esto es lo que pasa...

Escribo algo en el primer campo y se activa el botón...

si comienzo por el segundo o tercero, ocurre lo que quiero, hasta que llego al primero y se activa el botón...

pero si comienzo por el primero, se activa el botón sin estar los otros 2 con algo escrito....

JavierB · #6 (**permalink**) 24/06/2006, 03:21

Hola de nuevo.

Sigo sin ver el error que comentas. He subido un ejemplo para que lo puedas probar

Saludos,

spider_boy · #7 (**permalink**) 24/06/2006, 06:00

Bueno... a mí no me funcionaba así... pero no te preocupes... agradezco tu ayuda... lo haré con php mejor :P

bertoski · #8 (**permalink**) 24/06/2006, 10:49

Head:

Código:

<script language="javascript">
boton="";
function activar( formulario,boton ) {
cont=0;
for (i=0; i < formulario.elements.length; i++) {
 if(formulario.elements[i].value != ""){
  cont=cont+1;
 }
 if(boton == ""){
 if(formulario.elements[i].type == "submit"){
 boton=formulario.elements[i].name;
 }
 }
}
if(cont == formulario.elements.length){
 formulario.boton.disabled = false;
} else {
 formulario.boton.disabled = true;
} 
}
</script>

Y asi se llama en el formulario:

Código:

<form onkeyup="activar(this);">
<input type="text" name="input1" />
<input type="text" name="input2" />
<input type="text" name="input3" />
<input type="submit" name="boton" disabled="disabled" value="enviar" />
</form>

A la funcion se le puede especificar que boton se quiere activar poniendo asi:

<form onkeyup="activar(this,'boton');">

Si no se pone nada agarra el submit como si fuese el boton.

spider_boy · #9 (**permalink**) 24/06/2006, 15:16

Muchas gracias... lo probaré :)