Estoy intentando hacer un formulario que me valide todos los campos, y buscando en google me aparecio un tema donde explicaban como hacerlo, traté de adaptarlo pero ahora no me funciona el boton, espero puedan ayudarme. Segun lo que puedo entender es que no entiendo que es la funcion submit, he trabajado con formularios conectados a php pero no asi como este ejemplo, mas sin embargo es el que se adapta mas a mis necesidades
Nota. No soy un experto en html pero me defiendo
Aqui mi codigo
</head>
<script language="javascript">
function valida_envia(){
//valido el nombre
if (document.fvalida.nom.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.nom.focus()
return 0;
}
//valido la direccion
if (document.fvalida.dir.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.dir.focus()
return 0;
}
//valido el telefono
if (document.fvalida.tel.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.tel.focus()
return 0;
}
//valido el estado
if (document.fvalida.edo.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.edo.focus()
return 0;
}
//valido el pais
if (document.fvalida.pais.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.pais.focus()
return 0;
}
//valido el correo electronico
if (document.fvalida.email.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.email.focus()
return 0;
}
//valido los comentarios
if (document.fvalida.coms.value.length==0){
alert("Tiene que introducir todos los datos")
document.fvalida.coms.focus()
return 0;
}
//el formulario se envia
alert("Muchas gracias por tus comentarios.
En breve nos pondremos en contacto contigo");
document.fvalida.submit();
}
</script>
<body>
<form name="fvalida">
<label>Nombre
<input name="nom" type="text" id="nom" size="51" />
</label>
<p>
<label>Direccion
<input name="dir" type="text" id="dir" size="50" />
</label>
</p>
<p>Telefono
<input name="lada" type="text" id="lada" size="4" maxlength="3" />
</label>
<label>
<input name="tel" type="text" id="tel" size="10" maxlength="7" />
</label>
<label>Estado
<input name="edo" type="text" id="edo" size="27" />
</label>
</p>
<p>
<label>Pais
<input name="pais" type="text" id="pais" size="30" />
</label>
</p>
<p>
<label>Correo Electronico
<input name="email" type="text" id="email" size="40" />
</label>
</p>
<p>
<label>Comentarios <br />
<textarea name="coms" cols="57" rows="4" id="coms"></textarea>
</label>
</p>
<p>
<label>
<td colspan="2" align="center"><input type="button" value="Enviar" onclick="valida_envia()" >
</label>
</form>
</body>
</html>