[RESOLVIDO] Confirmação de Senha com HTML , Javascript

Front-end
#1

Eu queria que me ajudassem com o seguinte, eu tenho 2 campos de senha.

Senha : <input type="password" name="senha" id="senha>
Confirme a Senha : <input type="password" name="senha2" id="senha2">

Eu queria que ao clicasse em Enviar ele validasse o campo igual o REQUIRE do HTML5 , mostrando um textinho embaixo do campo com o texto as senhas não conferem !

Por exemplo :

Ou no mínimo um texto ao lado do campo dizendo que as senhas não conferem, pois eu tenho esse script e não funciona :

 function validarSenha(){
	senha = document.getElementsByName('senha').value;
	senha2 = document.getElementsByName('senha2').value;

	if(senha!= senha2) {
		   senha2.setCustomValidity("Senhas diferentes!");
	} else {
		 senha2.setCustomValidity('');
	}
        senha.onchange = validatePassword;
   senha2.onkeyup = validatePassword;

}

#2

Coloque um onclick no botão submit, por exemplo:

<input type=submit value="Login" onclick="return validarSenha()">

Mude o validarSenha para retornar true se senha OK ou false se diferentes, por ex:

function validarSenha(){
   senha = document.getElementsByName('senha').value;
   senha2 = document.getElementsByName('senha2').value;

   if(senha!= senha2) {
        senha2.setCustomValidity("Senhas diferentes!");
       return false; 
   }
   return true;
}