Estoy realizando mi primera validación de campos de un formularios y he seguido muchos de los post que hay escritos los cuales han sigo de gran ayuda, pero tengo un problema con el que no doy:
Dejo todos los campos vacíos, pulso el botón enviar y me salta un mensaje mediante javascript "Por favor, introduzca su nombre". Hasta aquí todo correcto. Le doy al botón de aceptar de la ventana y directamente me envía el formulario con todos los campos vacíos.
He probado varios ejemplos y me pasa lo mismo.
Pongo el código por si alguno me podéis ayudar.
Gracias
CODIGO DEL FORM
Código HTML:
<form id="contacto" name="contacto" method="post" action="send.php" onSubmit="return ValidarFormulario(this);"> > <div> <input type="text" class="type01" style="width:200px;" name="nombre" id="nombre"/> <input type="text" class="type01" style="width:200px;" name="apellidos" id="apellidos"/> <input type="text" class="type01" style="width:200px;" name="telefono" id="telefono"/> <input type="text" class="type01" style="width:200px;" name="email" id="email"/> </div> <div> <input type="submit" name="Enviar" value="Enviar"/> </div> </form>
Código HTML:
<script type="text/javascript"> function ValidarFormulario(f){ if(f.nombre.value==""){ alert("Por favor, introduzca su nombre"); f.nombre.focus(); return false; } if(f.apellidos.value==""){ alert("Por favor, introduzca sus apellidos"); f.apellidos.focus(); return false; } if(f.email.value==""){ alert("Por favor, introduzca su email"); f.email.focus(); return false; } if(f.telefono.value==""){ alert("Por favor, introduzca su telefono"); f.telefono.focus(); return false; } return true; } </script>
