Bloquear boton enviar hasta completar datos..

ligthy_xd · #1 (**permalink**) 14/05/2008, 11:26

Hola, conocen algun código en javascript para bloquear el boton enviar hasta que no se completen todos los campos? espero respuesta :)

ciisteado · #2 (**permalink**) 14/05/2008, 20:15

a reserva de lo que digan los Masters, pero lo ideal en este caso sería que validaras que todos los campos esten completados, SOLO y SI estan llenos TODOS los campos el proceso de "envio de datos" se ejecutará... en caso contrario NUNCA enviará los datos y pedira que llenes los campos faltantes...

No hay necesidad de innhabilitar el boton de envio....

Toma en cuenta que es solo una sugerencia.. ya tu decidiras si la implementas o no...

JavierB · #3 (**permalink**) 15/05/2008, 02:39

Hola ligthy_xd

Lo que te comenta ligthy_xd me parece lo más correcto, porque sólo ejecutas el código de validación una vez, en lugar de ejecutarlo cada vez que escribes algo en un campo.

Pero si prefieres hacerlo como tú dices, puedes usar algo así:

Código PHP:

  <html>
<head>
<script type"text/javascript">
function validar(frm) {
  vale = true;
  for (i=0; ele=frm.elements[i]; i++)
    if (ele.type=='text' && ele.value=='')
      vale=false;
  frm.enviar.disabled = !vale;
}
</script>
</head>
<body>
<form>
<input type="text" onblur="validar(this.form)" />
<input type="text" onblur="validar(this.form)" />
<input type="submit" name="enviar" disabled="disabled" />
</form>
</body>
</html>

Saludos,