Validação Web

Validação WEB

Olá amigos, hoje em dia um dos usos mais comuns na programação JavaScript com certeza é a validação de campos, isso porque não precisamos direcionar o usuário para uma nova página, a validação é feita via Browser, ou seja, o resultado da validação é exibido em um alert.

Criaremos nosso formulário onde o usuário entrará com os dados para contato ou coisa desse tipo.

O principal de tudo é colocar nome nos campos, pois é a partir dos nomes que validamos

1. Criando o formulário:

Primeiramente, vamos fazer nosso formulário:

Nome: 

Email: 

Senha: 

Repitir Senha: 

Bom aqui criamos o formulário;

- Linha 15: [onclick="return validar()"] estamos chamando a função validar() no momento que o usuário clicar em enviar;

2. Criando a função validar()

Agora, vamos criar nosso código javascript para fazer validação, lembrando que esse código deve estar, de preferência, entre as tags head (cabeçalho):

<script language="javascript" type="text/javascript">
 function validar(){
}
</script>

No código acima foi criada a função validar();

<script language="javascript" type="text/javascript">
 function validar(){
 
 var nome = form1.nome.value;
 var email = form1.email.value;
 var senha = form1.senha.value;
 var rep_senha = form1.rep_senha.value;
 
}
</script>

Dentro de nossa função criamos as varí­aveis para cada campo de nosso formulário;

- Linha 3: criamos a varíavel nome e atribuimos o valor do campo nome, ou seja form1.nome.value (Valor do campo nome do nosso formulário);

- O mesmo foi feito nas linhas 4, 5 e 6;