Validação de campos no cliente via JS


English Version (Google Translate)

A pior coisa do mundo é preencher todos os campos de um formulário, clicar em enviar e aparecer uma mensagem avisando que você não preencheu alguma coisa da forma correta…. e pior ainda quando o desenvolvedor não toma o cuidado de mostrar a mensagem e manter os dados que usuário já tinha digitado. Mesmo assim alguns campos precisam ser zerados a cada requisição nova, como senhas.

A melhor forma de resolver este inferno na vida dos usuários é através de validações na maquina do usuário e não no server apenas. Em Adobe Flex isso é muito fácil de fazer e já embutido no framework mas em html muita gente não se preocupa com isso.

Para trabalhar com validação no cliente existems várias formas ( considerando que você seja alguem produtivo e não prefira re-inventar a roda). Abaixo coloquei algumas das libs que usamos dependendo de qual frameworks de javascript for escolhido para o projeto:

Adobe Spry

Muito bom para várias coisas, inclusive validações… pessoalmente acho o mais completo quando o assunto são widgets.

Prototype

Minimalista mas atende bem a maioria das necessidades, é bem leve com seus 12kb e muito útil para quem usa o framework Prototype ( como eu )

Jquery Validation

A muito tempo considero largar o Prototype de lado e usar apenas Jquery, mas me incomoda muito fazer esse tipo de hack no Rails que já vem com Prototype e implementa vários helpers internos baseado nisso, ficar dependendo de um plugin de terceiro como parte crucial do seu aplicativo acho uma tanto sério de mais… mas aqui fica a dica de um bom plugin de validações para Jquery.


Comentário