jQuery com JSF + Richfaces

Objetivo:
Este post tem objetivo de mostrar como utilizar o jQuery de uma maneira rápida e prática, quando utilizado junto ao JSF e Richfaces.
Como exemplo vou criar algumas máscaras nos inputs.

1ºpasso:
incluir no seu projeto o plugin do jQuery especìfico para criar màscaras nos inputs.
download: http://plugins.jquery.com
procure pelo arquivo: jquery.maskedinput-1.2.2.js

2ºpasso
adicione o arquivo jquery.maskedinput-1.2.2.js no seu projeto.
exemplo com a IDE eclipse:

3ºpasso
Adicione no head da sua página .jsp o caminho de seu arquivo do plugin do jQuery.
No meu exemplo fica assim:

4ºpasso 
Na página .jsp fica assim:

Considerações:
Na tag <Rich:jQuery informamos:
selector: o id do campo onde ficará a máscara.
query: um modelo para nossa máscara.
timing: o modo de como será carregado o arquivo jQuery.

Resultado:




referências:
http://jquery.com/
http://docs.jboss.org/richfaces/latest_3_3_X/en/devguide/html_single/