Validar formulário com Jquery

Para realizar esta tarefa utilizaremos o Jquery Validation, uma biblioteca para que o código seja mais limpo, compacto e extensível. Essa tecnologia funciona para desenvolvedores php e asp.net, uma vez que é executada no lado do cliente e não no servidor.
Começaremos baixando o plugin http://jqueryvalidation.org/ e também a última versão do JQuery http://jquery.com/download/
Entre rótulos
O plugin jquery.validation funciona por meio de métodos de validação e as regras de validação que iremos definir.
O método de validação é o tipo de dados, por exemplo, um campo de texto numérico e o regras de validação Eles permitem associar um elemento do nosso formulário, por exemplo no texbox, a um ou mais métodos de validação.
Por exemplo, definimos um formulário e uma caixa de texto de nome e atribuímos a ele um id e a classe necessária, ou seja, obrigatório obrigatório.

Nome

Após o formulário colocamos o código que fará a validação

O resultado, se tentarmos enviar o formulário sem escrever nada no campo do nome, é uma mensagem.Este campo é obrigatório por padrão em inglês.

Vamos adicionar um campo de e-mail ao formulário e ao atributo obrigatório atribuímos e-mail

E-mail

Neste caso podemos ver que o campo mail foi validado e diz que não é um email válido.
TRADUZINDO MENSAGENS DE ERRO
Vimos que por padrão a validação do jquery usa o idioma inglês, veremos como traduzi-lo para o espanhol. Quando baixamos o plugin para o diretório de localização, ele inclui os arquivos js com as mensagens traduzidas para vários idiomas, só temos que escolher o que precisamos e adicioná-lo nele, por isso adicionamos
Atualizamos a web e as mudanças são observadas com os erros em espanhol

O arquivo de idioma é simplesmente um texto que contém uma função jquery, portanto, podemos abri-lo e editá-lo para personalizar as mensagens.
Se quisermos que um campo não seja validado, não colocaremos a classe necessária nele. Este plugin suporta vários formatos de dados, como valor máximo, valor mínimo, data, dígitos numéricos, validação de link. Também podemos criar regras, como um campo de idade, em que apenas valores numéricos entre 18 e 99 anos podem ser inseridos

$ (). ready (function () {

$ ("#formdatos"). validate ({

debug: true,

as regras: {

idade: {

obrigatório: verdadeiro,

dígitos: verdadeiro,

min: 18,

máx: 99

}

}

})

})

Este plugin permite economizar muito tempo no desenvolvimento de aplicações web e evitar erros na captura de dados, por exemplo.

As regras e métodos podem ser criados com maior complexidade e até mesmo realizar extensões usando funções jquery como tradução ou outras que necessitemosGostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo