Cómo hacer un submit a un form con el resultado o return de una función Javascript.
Hola.
En este post voy a describir diversas maneras de cómo realizar un submit a un form utilizando el resultado o return de una función Javascript.
Esto se utiliza generalmente cuando se requiere hacer validaciones Javascript en los campos del form antes de decidir si se hacer submit o no. Por ejemplo validar que los campos requeridos estén llenos o en formato correcto.
El control del submit, como he mostrado en otros posts, se puede realizar en diversos momentos usando Javascript y a través de diferentes elementos HTML.
El submit de un form se puede realizar con: botón tipo submit, botón normal con javascript, el evento onsubmit del form, etc.
En este caso se usa el return de una función Javascript en el evento onclick de un submit.
Dejo aquí los ejemplos básicos de cómo usar el return de una función para permitir la ejecución del submit.
Dos botones tipo submit muestran directamente el return false y return true en acción. El tercer submit llama a la función Javascript y valida que la caja de texto tenga una longitud mayor a cero para regresar true, por default regresará falso.
<!DOCTYPE HTML>
<html lang = "en-us">
<head>
<title></title>
<meta charset = "utf-8" />
<script type="text/javascript">
function funcionreturn(){
var resultado=false;
if(document.formnombre.var1.value.length>0) resultado=true;
alert(resultado);
return resultado;
}
</script>
</head>
<body>
<form name="formnombre" id="formid" action="http://www.google.com">
<input type="text" name="var1" value="" />
<input type="submit" value="submit return false" onclick="return false;" />
<input type="submit" value="submit return true" onclick="return true;" />
<input type="submit" value="return funcion" onclick="return funcionreturn();" />
</form>
</body>
</html>
Espero les sirva.
No hay comentarios.:
Publicar un comentario