llevo estudiando cerca de 2 semanas programacion web y javascript. En esta oportunidad estoy tratando de validar mi formulario en php, pero siempre que le doy enviar, no muestra los errores de validación y aparece la validación por defecto de html.
Este es mi Form
<form id='contact-form' role="form" action="bat/MailHandler.php" method="POST">
<div class="contact-form-loader"></div>
<fieldset>
<div class="row">
<div class="grid_4">
<label class="name">
<input id="name" class="input" name="cf_name" type="text" placeholder="Ingrese su nombre" value="" required/>
<!--<span class="empty-message">*Este campo es requerido </span>
<span class="error-message">*El nombre no es valido.</span>-->
</label>
</div>
<div class="grid_4">
<label class="phone">
<input class="input" type="text" name="cf_phone" placeholder="Ingrese su Teléfono:" value=""/>
<!--<span class="error-message">*El número no es valido.</span>-->
</label>
</div>
<div class="grid_4">
<label class="email">
<input id="email" class="input" name="cf_email" type="text" placeholder="Ingrese su email" value="" required/>
<!--<span class="empty-message">*Este campo es requerido.</span>
<span class="error-message">*El correo no es valido.</span>-->
</label>
</div>
</div>
<label class="message">
<textarea id="message" class="input" name="cf_message" placeholder="Ingrese su mensaje:"
required minlength="5" maxlength="999999"></textarea>
<!--<span class="empty-message">*Este campo es requerido.</span>
<span class="error-message">*No se aceptan los siguientes caracteres: $, %, &, |. <, > y #.</span>
</label>-->
<input class="primary-btn_2" id="btn-enviar" type="submit" onclick="validate()" value="Enviar"/>
<a class="primary-btn_2" href="#" data-type="reset">Nuevo</a>
</fieldset>
</form>
y este es mi js
<script>
function validate{
function email(){
if(form.email.value == "") {
alert("Ingresar un correo");
form.email.focus();
return false;
}
var re = /^[\w ]+$/;
if(!re.test(form.email.value)) {
alert("Formato de Correo invalido");
form.email.focus();
return false;
}
return true;
}
function name(){
if(form.name.value == "") {
alert("Ingrear un nombre");
form.name.focus();
return false;
}
return true;
}
function msg{
if(form.message.value == "") {
alert("Ingrese su consulta");
form.message.focus();
return false;
}
if(!re.test(form.message.value)) {
alert("Error, ingresar solo caracteres alfanumericos");
form.message.focus();
return false;
}
return true;
}
}
</script>
<script>
function validateEmail(){
var emailID = document.form.email.value;
atpos = emailID.indexOf("@");
dotpos = emailID.lastIndexOf(".");
if (atpos < 1 || ( dotpos - atpos < 2 )){
alert("Por faor ingresar un formato de email valido")
document.form.email.focus() ;
return false;
}
return( true );
}
</script>
Alguien me puede indicar que estoy haciendo mal?