segunda-feira, 14 de novembro de 2011

Javascript : Validação de campos em formulário

Validar um formulário em javascript tem muitas vantagens.
A primeira, é que você não precisa dar um reload na página, pois a validação é feita no momento que você tenta enviar o formulário.
A outra é que você pode mais tarde acrescentar os efeitos "especiais" típicos do javascrit : autocompletar campos, efeitos decorativos, etc.

Para validar um campo de formulário com o javascript é simples.
Primeiro, criemos um formulario simples:



Vemos aqui que na tag "form", existe uma função em javascript "validar(this)", onde a variável 'this' indica o objeto do formulário "form" onde a partir dele podemos acessar os campos dentro dele no script de javascritp.

Falando nele, criemos o nosso javascript




Aqui criamos um campo numérico, e o javascript verifica se o campo está vazio, ou se não foram digitados números. Em qualquer caso, é aberto um 'alert' mostrando o fato.
A partir desse caso, é possível criar validação para mais campos e validações mais complexas conforme a nescessida.

Então é isso. Dúvidas e sugestões, deixem seus comentários, e boa programação.


Nenhum comentário:

Postar um comentário