Pular para o conteúdo principal

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.


Marcadores:

Comentários

Postar um comentário

Postagens mais visitadas deste blog

PHP : array de estados brasileiros com nomes e siglas

Esse é um simples array com os nomes dos estados e suas correspondentes siglas. Cada estado é um array numerado e e "bem comportado" : tudo em minúsculas e sem acentos, porque evita problemas de compatibilidade de codificação e você sempre pode usar um "strtoupper", "ucfirst" e "ucwords" do PHP para tratar a formatação. $estados = array( 1=>array("sigla"=>"ac","nome"=>"acre"), 2=>array("sigla"=>"al","nome"=>"alagoas"), 3=>array("sigla"=>"am","nome"=>"amazonas"), 4=>array("sigla"=>"ap","nome"=>"amapa"), 5=>array("sigla"=>"ba","nome"=>"bahia"), 6=>array("sigla"=>"ce","nome"=>"ceara"), 7=>array("sigla"=>"df","nome"=>...
5 comentários
Leia mais

Javascript : Converter sigla de estados em nome de estados

Esse é um switch prático pra quem precisa converter as siglas dos estados brasileiros nos seus respectivos nomes. Dado uma variável 'UF' com a sigla, vamos salvar em 'ESTADO' o nome correspondente: switch(UF){ case 'AC': ESTADO = 'Acre'; break; case 'AL': ESTADO = 'Alagoas'; break; case 'AP': ESTADO = 'Amapá'; break; case 'AM': ESTADO = 'Amazonas'; break; case 'BA': ESTADO = 'Bahia'; break; case 'CE': ESTADO = 'Ceará'; break; case 'DF': ESTADO = 'Distrito Federal'; break; case 'ES': ESTADO = 'Espírito Santo'; break; case 'GO': ESTADO = 'Goiás'; break; case 'MA': ESTADO = 'Maranhão'; break; case 'MT': ESTADO = 'Mato Grosso'; break; case 'MS': ESTADO = 'Mato Grosso do Sul'; break; case 'MG': ESTADO = 'Minas Gerais...
1 comentário
Leia mais