13 Java Script - Validação de formulário

372 visualizações

Publicada em

13 Java Script - Validação de formulário

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
372
No SlideShare
0
A partir de incorporações
0
Número de incorporações
82
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

13 Java Script - Validação de formulário

  1. 1. PáginasWeb com: HTML, CSS e JavaScript Profª. Marlene da Silva Maximiano de Oliveira & Profª. Alessandra Aparecida da Silva
  2. 2. Validação de Formulário HTML E JavaScript
  3. 3. Estrutura <html> <head> <title> formulário com validação</title> <script>...</script> </head> <body> <form> ... </form> </body> </html>
  4. 4. O Formulário ... <form name="form1" action="enviar.php" method="post"> Nome: <input name="nome" type="text"> <br> Email: <input name="email" type="text"> <br> Senha: <input name="senha" type="password"> <br> Repetir Senha: <input name="rep_senha" type="password"> <br> <input type="submit" onclick="return validar()"> </form> .... Obs. Para que os dados sejam enviados é necessário um arquivo PHP. Assim os dados são enviados para um banco de dados ou para um banco de dados.
  5. 5. Java Script . . <script> function validar() { var nome = form1.nome.value; var email = form1.email.value; var senha = form1.senha.value; var rep_senha = form1.rep_senha.value; if (nome == "") { alert('Preencha o campo com seu nome'); form1.nome.focus(); return false; } if ((email.length != 0) && ((email.indexOf("@") < 1) || (email.indexOf('.') < 1))){ alert('email inválido!'); form1.email.value=""; form1.email.focus(); return false; } alert('Enviados com sucesso!'); return true; } </script>

×