Muitas vezes a tarefa de validar dados de formulários pode se tornar trabalhosa e demorada. O jQuery Validate, é uma ferramenta eficiente para tornar esse trabalho rápido e fácil.
Ele suporta todos os tipos de campo válidos pela W3C, incluindo os do HTML5, e é muito simples de se usar.
Veja um exemplo:
Se você tem um campo de formulário que deseja tornar obrigatório, você só precisar adicionar ao campo o atributo data-required.
<input type="text" data-required />
Para que os atributos de validação comecem a funcionar, você só precisa chamar o método jQuery.fn.validate como no exemplo abaixo.
$('form').validate();
Após fazer isso você pode usar vários callbacks passados para o método jQuery.fn.validate para executar funções conforme a validação. Veja um exemplo de como deixar os campos inválidos vermelhos e os campos válidos verdes:
$('form').validate({
// função chamada para cada campo inválido
eachInvalidField : function() {
$(this).css('background', '#F00');
},
// função chamada para cada campo válido
eachValidField : function() {
$(this).css('background', '#0F0');
}
});
Você pode ver a lista com todos os callbacks clicando aqui.
A ferramenta também tem suporte a validação por condicionais, exepressões regulares, extensões e máscaras dentre diversos outros recursos que podem ser conferidos no repositório do Github.
Você pode ajudar a melhorar a ferramenta com suas sugestões, feedbacks ou mesmo alterando o código através do Github (Fork on Github).