Hola a todos.
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 DEL JAVASCRIP COLOCADO JUSTO ANTES DE </HEAD>
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>