Hola a tod@s,
Necesito validar todos los campos de un formulario con una función javascript pero no consigo capturar el evento, o si lo capturo, no funciona. El envío del formulario lo tengo hecho con una función PHP y funciona todo perfectamente, lo que necesito es validar los campos antes de enviarlos, os pego el código.
Código HTML:
<!------------------------------------ FORMULARIO ----------------------------------->
<form id="contact-form" method="post" enctype="multipart/form-data" action="sources/enviar.php">
<fieldset>
<label><span class="text-form">Nombre:</span><input type="text" name="name"></label>
<label><span class="text-form">Email:</span><input type="text" name="email"></label>
<label><span class="text-form">Teléfono:</span><input type="text" name="telf"></label>
<label><span class="text-form">Empresa:</span><input type="text" name="corp"></label>
<label><span class="text-form">Verificación Humana</span><img src="sources/captcha.php"/></label>
<label><span class="text-form">Escriba el texto de verificación:</span><input type="text" name="captcha"></label>
<div class="wrapper">
<div class="text-form">Mensaje:</div>
<div class="extra-wrap">
<textarea name="message"></textarea>
<div class="clear"></div>
<div class="buttons">
<a class="button" onClick="document.getElementById('contact-form').reset()">Limpiar</a>
<a class="button" onClick="document.getElementById('contact-form').submit(checkForm(thisform);)">Enviar</a>
</div>
</div>
</div>
</fieldset>
</form>
<!------------------------------------ FIN FORMULARIO ----------------------------------->
Código:
<!------------------------------------ FUNCIÓN JAVASCRIPT------------------------------->
<script>
function checkForm(thisform) {
if (document.forms.contacts-form.elements['name'].value.length == 0) {
alert('Escribe tu Nombre Complet0');
return false;
}
if (document.forms.contacts-form.elements['email'].value.length == 0) {
alert('Escribe tu Email');
return false;
}
var f = document.forms.contacts-form.elements['email'].value;
function mailValido(f){
var verif_mail=false
var arroba = f.indexOf('@',0);
var punto = f.indexOf('.',arroba);
if(arroba == -1 || punto == -1){
//alert ('El formato de tu Email no es correcto');
//f.Email.focus();
}else{
verif_mail=true;
}
return verif_mail;
}
if (!mailValido(f)){
alert("El format del teu Email no és correcte");
return false;
}
if (document.forms.contacts-form.elements['telf'].value.length == 0) {
alert('Escribe tu teléfono');
return false;
}
if (document.forms.contacts-form.elements['empresa'].value.length == 0) {
alert('Escribe tu empresa');
return false;
}
if (document.forms.contacts-form.elements['message'].value.length == 0) {
alert('Escribe tu mensaje');
return false;
}
if (document.forms.contacts-form.elements['captcha'].value.length == 0) {
alert('Has d\'escriure el text de verificació');
return false;
}
return true;
}
</script>
<!------------------------------------ FUNCIÓN JAVASCRIPT------------------------------->
MUCHAS GRACIAS !