Gostaria de uma validação de campo como essa na minha pagina JSF, como sou inexperiente com javascript, gostaria de uma ajuda, eu ja comecei fazendo, colocando um onblur no confSenha porem nao obtive sucesso, gostaria que essa mensagem aparecesse tanto quando o campo estiver vazio e quando as senhas nao estiverem iguais.
JSF
<p:password id="senha" value="#{pessoaAction.pessoa.senhaPessoa}" placeholder="Senha*" styleClass="TexAlCenter" required="true"
requiredMessage="#{messages['campo.obrigatorio']}"/>
<p:message for="senha" styleClass="semBorda semImagem"/>
<p:password id="confSenha" value="#{pessoaAction.confirmarSenha}" placeholder="Confirmar Senha*" styleClass="TexAlCenter" required="true"
requiredMessage="#{messages['campo.obrigatorio']}" onblur="validaSenha()"/>
<p:message for="confSenha" styleClass="semBorda semImagem"/>
JAVASCRIPT
function validaSenha() {
var senha1 = document.getElementBy('senha').value;
var senha2 = document.getElementById('confSenha').value;
if(senha1 != senha2){
alert("Erro na confirmação da senha. Valor inválido.");
}