Problema pra confirmar senha com javascript

Front-end JavaScript
#1

Gente eu não sei o que ta acontecendo, quando coloco as mesmas letras ele continua dando erro de senhas diferentes. Me ajudeeem.

    <meta charset="utf-8">
	    <script  >
			function validate(senha, senha2)
{
    var senha1 = document.getElementById(senha).value;
    var senha2 = document.getElementById(senha2).value;
		
    if (senha1 != "" && senha2 != "" && senha1 === senha2)
    {
    	alert('senha iguais');
    }
    else
    {
      	alert('senhas diferentes');
    }
}

	</script>
</head>
<body>

    <fieldset>
        <legend>Confirmação de Senha </legend>

		 <input id="senha" type="password" placeholder="********" minlength="6" maxlength="32"  required name="senha" > 
        <input  id="senha2" type="password"  placeholder="********" minlength="6" maxlength="32"  required name="senha2" oninput="validate('senha','senha2')"> 
		
    </fieldset>

</body>
#2 
if (senha1 != "" && senha2 != "")
    {
        if(senha1 === senha2)
        {
            alert('senha iguais');
        }
        else
        {
            alert('senhas diferentes');
        }
    }
    else
    {
      	alert('msg qualquer');
    }
#3

Cada caractere que digito ele fala que são diferentes e só no final da senha que ele mostra o alert de senhas iguais :confused:

#4

Isso tem a ver com o evento que você está usando: oninput

Toda vez que você digitar alguma coisa no campo ele vai chamar sua funçao de validaçao.

Recomendo duas opçoes para esse tipo de validaçao:

  • Se quiser usar oninput, onde o feedback acontece a cada tecla digitada, use uma validaçao nao intrusiva, por exemplo, coloque bordas vermelhas no campo se tiver errado e bordas verdes quando tiver certo. Assim o usuário sabe que está correto assim que terminar.

  • Se quiser usar alerts ( nao é uma boa idéia hoje em dia, pense em smart phones), espere até o momento que você tenha certeza que o usuário terminou de digitar, por exemplo, quando ele clica um botao pra fazer submit do formulário. Pelo menos nesse momento você tem certeza que, do ponto de vista do usuário, ele já preencheu todos dados de forma correta