[SOLUCIONADO] las contraseñas no coinciden

[wspetrucci]

Buenas foro, necesito que como en la foto, al ingresar las contraseñas automaticamente me salga una leyenda como la escrita en rojo, como puedo hacerlo?

saludos graciassss

[MaNuX0218]

Muestranos el código para poderte ayudar. También saber que lenguaje estás utilizando para la comprobación.

Saludos.

[wspetrucci]

actualmente estoy validando con js.

Código Javascript:

function checkPass() {
    if (document.getElementById("pass_usuario").value == document.getElementById("confirm_pass").value)
        return true;
    else
        alert("Las contraseñas no coinciden");
    return false;
}
 

Código HTML:

<form id="nuevo_usuario" action="php/registro.php" method="POST">
            <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;">
            <input type="submit" name="registrar" value="Registrar" onclick="return checkPass();">
        </form>
 

[MaNuX0218]

Código Javascript:

function checkPass() {
    if (document.getElementById("pass_usuario").value == document.getElementById("confirm_pass").value)
        return true;
    else
        document.getElementById("error_pass").style.display = "block";
        document.getElementById("confirm_pass").style.border-color = "red";
    return false;
}
 

Código PHP:

<form id="nuevo_usuario" action="php/registro.php" method="POST">
            <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" onclick="return checkPass();">
        </form>
 

Así seria una manera rápida de hacerlo. Espero te sirva.

Saludos.

[wspetrucci]

manu, no funciono, no solo que no pone esas propiedades que declaraste en el "else" sino que aun poniendo contraseñas distintas me toma el registro.

gracias igual pr tu ayuda!! yo tambien lo pense para ese lado asi que quizas tenga que cambiar algunas cosas

[wspetrucci]

debe ser un error en la function, ya que si le cambio el display a <p>, me apaerece en la pantalla

[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>
 

[wspetrucci]

Manu listo, solo agregue unas llaves en el else del codigo

mucuhisimas gracias!! quedo como esperaba