Máscaras em formulários JSF, usando JQuery.

Olá Pessoal,

Neste post, irei mostrar um exemplo, de como criar máscaras em formulários JSF, para isto, iremos usar a biblioteca JQuery que facilita o desenvolvimento de scripts em páginas web, além desta biblioteca, usaremos uma outra, chamada de MaskedInput.

A biblioteca JQuery, pode ser baixada no site http://jquery.com/ e a MaskedInput pode ser baixada no site http://plugins.jquery.com/project/maskedinput.

Através da MaskedInput, conseguimos criar vários tipos de máscaras facilmente, sem a necessidade de conhecermos a fundo JavaScript.

Para este exemplo, mostrarei cinco tipos de máscaras (Telefone, Cep, CPF, RG e CNPJ), usando o JSF. Estas máscaras não restringe apenas para uso no JSF, também poderá ser usado em JSP, Struts, etc...

Ao final do post, o projeto será disponibilizado para download, para quem quiser baixar e testar.

1. Passo: Crie um página de formulário em JSF, como mostrado na figura abaixo, não esquece de importar os scripts:

2. Passo: Agora, só testar, vejam como ficou o exemplo:

Bom galera, este foi um exemplo de como usar máscaras em formulários JSF, através da biblioteca JQuery e MaskedInput.

Para quem quiser baixar o projeto, clique aqui.

Qualquer dúvida, crítica ou sugestão, fico à disposição.

Leia mais »

AJAX e JQuery com JSP

Olá Pessoal,

Esta postagem tem como objetivo, mostrar um exemplo prático de AJAX e JQuery com o JSP. O exemplo é bem simples, teremos uma combobox de estado, quando um estado for selecionado, uma outra combobox de cidade será carregada, quando uma cidade for selecionada, é mostrada uma breve descrição da mesma. O projeto foi desenvolvido no Netbeans 6.8 e no TomCat 6.0.20, para quem quiser baixar o projeto, clique aqui.

Imagens:

Leia mais »