las contraseñas no coinciden

[MaNuX0218]

Pruebalo sin el return y añadelo al formulario:

Código Javascript:

function checkPass() {
    if (document.getElementById("pass_usuario").value == document.getElementById("confirm_pass").value) {
        alert("Las contraseñas coinciden")
    } else {
        document.getElementById("error_pass").style.display = "block";
        document.getElementById("confirm_pass").style.border-color = "red";
    }
}
 

Código HTML:

<form id="nuevo_usuario" action="php/registro.php" method="POST" onSubmit="return checkPass();">
            <input type="email" name="email_usuario"  placeholder="E-mail" required="" autocomplete="off" onclick="this.placeholder='';" onblur="this.placeholder=(this.placeholder=='')?'E-mail':this.placeholder;">
            <input type="password" id="pass_usuario" name="pass_usuario"  placeholder="Contrase&ntilde;a" required="" onclick="this.placeholder='';" onblur="this.placeholder=(this.placeholder=='')?'Contrase&ntilde;a':this.placeholder;">
            <input type="password" id="confirm_pass" name="confirm_pass"  placeholder="Confirmar contrase&ntilde;a" required="" onclick="this.placeholder='';" onblur="this.placeholder=(this.placeholder=='')?'Confirmar contrase&ntilde;a':this.placeholder;">
            <p id="error_pass" style="display:none"><span style="color:red">Las contraseñas no coinciden. ¿Quieres volver a intentarlo?</span></p>
            <input type="submit" name="registrar" value="Registrar">
        </form>