0

Validação de Campos com JQuery

imgresValidação de Campos com JQuery

Nesta postagem segue um exemplo de validação de campos de um formulário html com o uso do Jquery. Primeiramente vamos ao escopo do nosso formulário, tentei montar um formulários com campos bem distintos que cabem a validação de seu preenchimento.

Como podemos ver no formulário acima podemos validar: preenchimento de campos, tipos de dados como data e inteiro, url, telefone, celular e email. Neste exemplo faço uso da versão 1.3 do JQuery e do JQueryValidate disponível no site oficial do framework. (http://www.jquery.com).

Na hora de implementar as validações faço uso do param rules para definir as regras e do param messages para definir os alertas de validação. Segue o script de validação:

 Na versão usada do JQuery não existe um padrão de telefones para o Brasil e para atender ao padrão de números de telefone e celulares inseri o script a seguir no final do arquivo jquery.validate.js. Segue a implementação da validação de telefones do Brasil.

Ao fim a implementação teremos um formulário semelhante a este:

 

formulario_exemploClique Aqui, para fazer download dos fontes deste tutorial.

Jquery Validacao Wcf (27.4 KiB, 434 downloads)

Jquery Validacao Wcf
Jquery Validacao Wcf
jquery_validacao_wcf.rar
27.4 KiB
434 Downloads
Details

Paulo R. Marinho

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

91 − 84 =