Validação de formulários com JQuery

Por Giuliano Rodrigues de Souza em 22 de junho de 2009

Quando chega o momento de validar o formulário, é difícil ter uma solução versátil que funcione em todos os formulários. Descobrir como mostrar os erros não é propriamente tarefa fácil. Cedric Dugas criou um Motor de Validação jQuery para que este problema seja resolvido.

Quando um erro precisa de ser mostrado, o script cria um div e posiciona-lo no canto direito do topo do input. Desta forma não precisa de se preocupar com a estrutura HTML do seu formulário. Os canto redondos e as sombras são realizadas com auxílio de CSS3 e funciona muito bem com browsers menos compatíveis. Contudo, não existem imagens.

Quando você submete o formulário, este irá procurar por inputs com classes selectoras predefinidas, e valida-as de acordo o seu tipo. E, também realiza em tempo real a validação quando se clica fora do input. A localização do idioma também está incluindo neste script.

O Motor de validação de formulários jQuery (clique aqui para ver o tutorial completo) foi testado com sucesso em Internet Explorer 6 & 7, Firefox 3+, Safari 4 e Chrome 1+.

Requisitos: jQuery Framework
Demonstração: http://www.position-relative.net/creation/formValidator/
Licença: MIT

Categorias : CSS, JQuery
Tags: , ,

Comentários

Nenhum comentário ainda.


Deixe um comentário

(obrigatório)

(obrigatório)