function validar(){
var email = document.registrarse-form.email.value;
var contraseña = document.registrarse-form.contraseña.value;
var contraseñaVerificacion = document.registrarse-form.contraseñaValidacion.value;
var nombre = document.registrarse-form.nombre.value;
var apellido = document.registrarse-form.apellido.value;
var provincia = document.registrarse-form.provincia.value;
var localidad = document.registrarse-form.localidad.value;
if(email == '' || contraseña == '' || contraseñaVerificacion == '' || nombre == '' || apellido == '' || provincia == '' || localidad == ''){
alert('¡Debes completar todos los campos!');
return false;
}else{
if(pass1 != pass2){
alert('¡Las contraseñas ingresadas son distintas!');
return false;
}else{
return true;
}
}
}
en teoría lo que tiene que hacer es que cuando falte un campo aparezca una ventada diciendo que hay campos vacíos, al igual que cuando las contraseñas no coinciden te lo avise. por cierto aca esta el formulario
Código HTML:
<form name="registrarse-form" action="" method="post" onsubmit="return validar();"> <br /> <br /> <fieldset> <legend align = "center"><h1>Formulario de Registro</h1></legend> <br /> <label for="email"><font>Correo Electronico:</font></label> <input type="textfield" name="email" size="50"/> <label for="contraseña"><font>Contraseña:</font></label> <input type="password" name="contraseña" size="50"/> <label for="contraseña"><font>Repetir Contraseña:</font></label> <input type="password" name="contraseñaVerificacion" size="50"/> <br /> <br /> <hr /> <label for="nombre"><font>Nombre:</font></label> <input type="textfield" name="nombre" size="50"/> <label for="apellido"><font>Apellidos:</font></label> <input type="textfield" name="apellido" size="50"/> <label for="provincia"><font>Provincia:</font></label> <input type="textfield" name="provincia" size="50"/> <label for="localidad"><font>Localidad:</font></label> <input type="textfield" name="localidad" size="50"/> <br /> <br /> <input class = "btn" name="submit" type="submit" value="Registrarse" /> <br /> </fieldset> </form>