Tipico que nadie responde, en los ultimos temas que he hecho de problematica, nadie me ha ayudado y siempre termino yo poniendo la solucion que encontre, en fin, el unico problema es que en la parte
Código:
var p1 = document.frm.elements.namedItem("pss1").value;
var p2 = document.frm.elements.namedItem("pss2").value;
Los "pss1" y "pss2" estaba mal, me falto agregarles una "a" ya que lo tengo como name="pass2" dentro de mi input, en fin, algo tan sencillo que nadie pudo ayudar, ya que. Lo mejore un poco incluyendo mi estilo para que sea mas facil mostar el mensaje de error, quedo asi:
Código:
<script>
function validarpsw(){
var p1 = document.frm.elements.namedItem("pass1").value;
var p2 = document.frm.elements.namedItem("pass2").value;
if(p1 != p2){
var errorrem = document.getElementById("confirmapass");
var error = document.createElement("label");
error.setAttribute("class", "control-label");
error.setAttribute("for", "inputError");
var texto = document.createTextNode("-Las contraseñas no coinciden");
error.appendChild(texto);
errorrem.parentNode.replaceChild(error, errorrem);
document.getElementById("anade").setAttribute("class", "form-group has-error");
}
}
<script>
<div id="anade">
<form role="form" method="post" action="validanusuario.php" name="frm">
<label>Contraseña</label>
<input type="password" class="form-control" name="pass1">
<label id="confirmapass">Confirmar Contraseña</label><span id="confirmapass"></span>
<input type="password" class="form-control" name="pass2" onChange="validarpsw()">
</form>
</div>