estoy intentando hacer un formulario de registro de usuarios, y parece que estoy entrando en algún problema absurdo o quizás...no! bueno la cosa es la siguiente, tengo un input para el usuario, otro para email, otro para confirmar email, otro para el password y su respectiva confirmación y el botón para ejecutarlo todo mediante un .addEventListener().
almaceno los valores de los input en variables, realizo las expresiones regulares y las utilizo con .test(). luego realizo dos if uno para comparar los emails y las password de confirmación y utilizo otro if para que si todo esta "ok" redireccionar al usuario a otro pantalla, pero ese segundo if no me funciona.
a ver si podeis ayudarme!!! Gracias de antemano!`
document.getElementById('registrarUser').addEventListener('click', (e)=> {
e.preventDefault();
let regUser = document.getElementById('user').value;
let regEmail = document.getElementById('email').value;
let regEmailConf = document.getElementById('emailConf').value;
let regPass = document.getElementById('passFr').value;
let regPassConf = document.getElementById('passConf').value;
const userExp = new RegExp(/^([A-Za-z0-9_]{1,15}) $/);
const resultadoUser = userExp.test(regUser);
const emailExp = new RegExp(/^([\d\w_\.-]+)@([\d\w\.-]+)\.([\w\.]{3})$/);
const resultadoEmail = emailExp.test(regEmail);
// min 8 caracteres-max 15, almenos 1 Mayuscula,almenos 1 minuscula,al menos un digito, sin espacios en blanco, al menos un caracter
const passExp = new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])([A-Za-z\d$@$!%*?&]|[^ ]){8,15}$/);
const resultadoPass = passExp.test(regPass)
if (regEmail === regEmailConf && regPass === regPassConf) {
console.log('email y pass iguales')
}else alert('Los correos electronicos tienen que coincidir al igual que el password')
if (resultadoUser && resultadoEmail && resultadoPass) {
console.log('todo ok')
location.assign("prueba.html");
}else alert('algo estas haciendo mal')
})
<div class="registro" id="registro">
<h1 id="cabezaRegistro">Registro</h1>
<form action=" ">
<input type="text" name="user" id="user" placeholder="usuario" required><br><br>
<input type="email" name="email" id="email" placeholder="[email protected]" required><br><br>
<input type="email" name="emailConf" id="emailConf" placeholder="confirma correo" required><br><br>
<input type="password" name="passFr" id="passFr" placeholder="Contraseña" required><br><br>
<input type="password" name="passConf" id="passConf" placeholder="Confirma contraseña" required><br><br>
<button id="registrarUser">Registrarse</button>
</form>
</div>
`