como validar formulario antes de ir a guardar los datos...

Gaby_Corr · #1 (**permalink**) 26/10/2007, 10:31

pues tengo esta duda : como puedo ir a validar mi formulario si un campo no esta llenado
cuando le doy click al boton que tiene esta forma:

abajo pongo las 2 funciones, pero no se como puedo llamar o decirle en la funcion metodos
que vaya y valide y hasta q esten llenado todos los campo ahora si haga el submit del formulario

<input name="Guardar" type="image" value="submit" id="Guardar" src="images/GUARDAR1.gif" onclick="Metodos(this.id)" />
<input type="hidden" id="metodo" name="metodo" />
<script>
function Metodos(idMetodo)
{
document.getElementById('metodo').value=idMetodo;
document.form1.submit();
}

function validaformav(forma){
OKav = (forma.empresa.value != "") && (forma.contacto.value != "") && (forma.correo.value != "");

if((forma.empresa.value == "") && (forma.contacto.value == "") && (forma.correo.value == "")){
alert("Favor de revisar los campos Nombre de la Empresa, Contacto y Correo electrónico");
forma.empresa.focus();
return OKav;
} else{

if((forma.empresa.value == "") || (forma.contacto.value == "") || (forma.correo.value == "")){
alert("Favor de revisar los campos Nombre de la Empresa, Contacto y Correo electrónico");
forma.empresa.focus();
return OKav;
}
}
}

</script>

Shiryu_Libra · #2 (**permalink**) 26/10/2007, 10:35

un link interesante
Verificador de Formularios

caricatos · #3 (**permalink**) 26/10/2007, 10:41

Hola:

Una validación buena, debe hacerse al menos 2 veces, una con javascript desde el evento submit del form y la otra en el server por si el cliente tiene javascript desactivado... pero centrándonos en javascript (por eso de que estamos en el foro idem) la estructura de validación mejor sería con algo así en el tag form:
<form onsubmit="return validar(this)" ...> donde validar recibe al menos el propio form como parámetro para referenciar los campos mejor y cuando no deba enviarse devolver false... por ejemplo, si no debe enviarse cuando no se rellenen los campos nombre y email, sería:

function validar(f) {
return (f["nombre"].value != "" && f["email"].value != "")
}

Por cierto, los input type=image son también del tipo submit, con el añadido de que también envían las coordenadas en donde se ha pulsado...

Saludos

JavierB · #4 (**permalink**) 26/10/2007, 11:06

Hola a todos.

Otra opción podría ser tener el submit deshabilitado y habilitarlo cuando todos los campos estén rellenos:

Código PHP:

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

Saludos,