Java Script + Style

E ai pessoal boa tarde. Preciso de um exemplo para algumas ações.

1- Mudar style da input quando:
a) Ganhar foco;
b) Perder foco;
c) Erro ao não ser preencido quando obrigatório ou informado incorretamente;

Detalhe, já tenho o arquivo css criado e estou usando jsf. esse procedimento será usado para vários forms e inputs. Obrigado.

Tem como fazer isso usando código dentro da classe java no Bean ou ficaria melhor com javaScript.

Obrigado.

Eu sou do principio de quanto menos eu tiver que usar Javascript, é melhor.

http://www.w3schools.com

Tem tudo isso…

Se vc for fazer com js pegue os ids dos elementos que voce quer mudar ou fazer algo, faça a lógica para verificar seus campos e
utilize esse comando:
document.getElementById(id).style.backgroundColor = ‘cor’;
para alterar o background do seu input.

Flw

Então jovens, até achei bastante conteúdo mas somente consigo alterar para as inputText tipo
input {formatação padrão}
input:focus {formatação quando receber foco}
input:disabled {formatação para desabilitado}
mais ainda falta para:
input quando for obrigarório, quando não for preenchido e para os botões, até tentei usar button mas nada resolvido. Alguém tem alguma idéia? Preciso para JSF 2.0