Comparar senha com JavaScript

17 de julho de 2016 5 respostas Resolvido

jairodione 17 de julho de 2016

Estou fazendo um cadastro onde no formulário tem de ser cadastrada uma senha, e fiz neste mesmo formulário um campo para confirmar a senha cadastrada. No arquivo JSP esta desta forma:

<label for="senha">Senha:</label>
<input type="password" name="senha" id="senha" required size="10" maxlength="10" />

<label for="senha">Repetir Senha:</label>
<input oninput="validarSenha(this)" type="password" name="senha1" id="senha1" required size="10" maxlength="10" />

No arquivo Javascript está desta forma:

function validarSenha(input){
    if(input.valueOf !== document.getElementById("senha").value){
        input.setCustomValidity('Senha não são iguais, favor repita!');
    }else{
        input.setCustomValidity('');
    }
}

Quando o usuário digita senhas iguais o sistema informa que a senha está diferente Senha não são iguais, favor repita!. Alguém pode localizar onde estou errando?

5 Respostas

Dragoon 17 de jul. de 2016

Proposta de um exemplo:

DEMO

HTML

<div>
<label for="senha">Senha:</label>
<input type="password" name="senha" id="senha" required size="10" maxlength="10" />
</div>

<div>
<label for="senha">Repetir Senha:</label>
<input type="password" name="senha1" id="senha1" required size="10" maxlength="10" />
</div>
<div>
<button id="btnVerify" onclick="validarSenha('senha','senha1')">Verificar</button>
</div>

Javascript

function validarSenha(name1, name2)
{
    var senha1 = document.getElementById(name1).value;
    var senha2 = document.getElementById(name2).value;
		
    if (senha1 != "" && senha2 != "" && senha1 === senha2)
    {
    	alert('senha iguais');
    }
    else
    {
      	alert('senhas diferentes');
    }
}

DEMO

jairodione 19 de jul. de 2016

Olá Demo!

Seu exemplo estaria correto, mas não da forma que estou tentando implementar. Quero que ao sair do input confirmar senha o sistema já informe se as senhas são ou não iguais!
Não desejo colocar um botão para testar se as senhas são iguais ou não.

Solucao aceita

Dragoon 19 de jul. de 2016

Coloque a função em

<input type="password"
       name="senha1" 
       id="senha1" 
       required
       size="10" 
       maxlength="10" 
       onblur="validarSenha('senha','senha1')" />

é só fazer isso!

Link para estudo: http://www.w3schools.com/jsref/event_onblur.asp

Dica: Estude um pouco de javacript por esse link youtube:

Pdr 19 de jul. de 2016

function validarSenha(name1, name2)
{
    var senha1 = document.getElementById(name1).value;
    var senha2 = document.getElementById(name2).value;
		
    if (senha1 != "" && senha2 != "" && senha1 === senha2)
    {
    	alert('senha iguais');
    }
    else
    {
      	alert('senhas diferentes');
    }
}

Usa jQuery muito mais facil:

$("#senha1").change(function()
{
      validarSenha(param1,param2);
});

jairodione 20 de jul. de 2016

Olá Dragon!

Problema resolvido!
Fiz uma pequena alteração no exemplo em que você enviou e funcionou. A pequena alteração que fiz está abaixo:

input type=“password” name=“senha1” id=“senha1” required size=“10” maxlength=“10” oninput=“validarSenha(‘senha’,‘senha1’)”/>

Criado 17 de julho de 2016

Ultima resposta 20 de jul. de 2016

Respostas 5

Participantes 3

5 Respostas

Topicos relacionados