Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/02/2012, 05:32
Arraymoon
 
Fecha de Ingreso: febrero-2012
Mensajes: 49
Antigüedad: 12 años, 10 meses
Puntos: 3
Respuesta: Validar form en javasript

Vale ya lo he solucionado :) pero sigo teniendo un pequeño problema. Actualmente tengo así el código:

// Etiqueta Form
<form id="formulario" name="formulario" onsubmit="validar()" method="post" action="recoger_form2.php">

// Boton enviar
<input type="submit" value="Enviar FORM">

// Javascript
<script type="text/javascript">
function validar()
{
if(document.formulario.nombre.value =="")
{
alert('Debes introducir tu nombre');
document.formulario.nombre.focus();
return false;
}
if(document.formulario.apellidos.value =="")
{
alert('Debes introducir tus apellidos');
document.formulario.apellidos.focus();
return false;
}
if(document.formulario.email.value =="")
{
alert('Debes introducir tu email');
document.formulario.email.focus();
return false;
}
if(document.formulario.sexo.value =="")
{
alert('Debes seleccionar una opción');
document.formulario.sexo.focus();
return false;
}
if(document.formulario.edad.value =="")
{
alert('Debes introducir tu edad');
document.formulario.edad.focus();
return false;
}
}
</script>

El caso es que al darle a enviar, me salta el error de campo vacío, pero una vez acepto este mensaje de error, lo acaba enviando y me muestra el resultado con los campos vacíos. ¿ Como hago para que se quede parado y no envíe en caso de vacíos ?