0

Validação de Campos com JavaScript

jsValidação de Campos com JavaScript

Nesta postagem segue uma forma simples mais funcional de como validar campos de um formulário com o velho e puro javascript. Tentei ilustrar as validações de ckeckbox, radios, selects e campos text da forma mais simples possível.  Para realizar as validações montei o seguinte formulário.

formsvalida

Implementação do Formulário HTML

Note que nas linhas 4 e 5 incorporo ao formulário uma folha de estilo e um arquivo com o script respectivamente. Os arquivos devem estar no mesmo diretório do formulário caso coloque em diretório diferente não se esqueça de fazer referência ao mesmo.

Folha de Estilo do Formulário

A folha de estilo é a mesma utilizada no post “Formulários sem Tabelas com CSS“, ao final salve o um arquivo com a implementação css com o nome estilo.css, segue a sua implementação.

Validação Javascript

Por fim implementaremos a validação dos campos do formulário,  o script abaixo contém as validações de preenchimento de campos obrigatórios além de uma simples validação para campos de e-mail, ao fim salve o script com o nome validacoes.js, segue a implementação:

 

Paulo R. Marinho

Deixe uma resposta

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

59 + = 66