Advertisement
Guest User

khawz

a guest
May 22nd, 2018
257
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Faça um formulário HTML com os seguintes campos:
  3.  
  4. - Nome completo
  5. - e-mail
  6. - senha
  7. - data de nascimento
  8. - endereço
  9. - telefone
  10.  
  11. O envio do formulário deve validar os seguintes campos
  12.  
  13. COM EXPRESSÕES REGULARES:
  14. • e-mail: deve conter uma (e apenas uma) '@' e pelo
  15. menos um '! após a '@'
  16.  
  17. • data de nascimento: deve estar no formato dd/mm/aaaa
  18.  
  19. • telefone: deve estar no formato (XX) XXXX-XXXX Caso
  20. alguma das validações acima falhe, cancele o envio,
  21. mostre um alerta e coloque o foco no campo com problema.
  22.  
  23. USE APENAS CAMPOS DO TIPO TEXT (type-"text").
  24. A validação deve ser feita via JS.
  25. -->
  26. <!DOCTYPE HTML>
  27. <html>
  28.     <head>
  29.         <title>REGEX</title>
  30.         <meta charset="utf-8">
  31.         <script>
  32.             function validaNome(nome){
  33.                 // Pesquisa por palavras de a-z e A-Z sem números.
  34.                 if(nome.search(/^[a-zA-Z ]+$/) != -1){
  35.                     return true;
  36.                 }
  37.                 else{
  38.                     document.getElementById("nome").focus();
  39.                     return false;
  40.                 }
  41.             }
  42.             function validaEmail(email){
  43.            
  44.             }
  45.             function validaSenha(senha){
  46.            
  47.             }
  48.             function validaDataNasc(dataNasc){
  49.            
  50.             }
  51.             function validaEndereco(endereco){
  52.                
  53.             }
  54.             function validaTelefone(telefone){
  55.            
  56.             }
  57.             function validaForm(form){
  58.                 var nome     = form["nome"].value;
  59.                 var email    = form["email"].value;
  60.                 var senha    = form["senha"].value;
  61.                 var dnasc    = form["dnasc"].value;
  62.                 var endereco = form["endereco"].value;
  63.                 var telefone = form["telefone"].value;
  64.                 var rtn;
  65.                
  66.                 rtn = validaNome(nome);
  67.                
  68.                
  69.                 alert(rtn);
  70.                
  71.                
  72.                
  73.                 return false;
  74.             }
  75.         </script>
  76.     </head>
  77.     <body>
  78.         <form name="frm" action="form.php" method="POST" onsubmit="return validaForm(this)">
  79.             <input type="text" name="nome"     id="nome"    placeholder="Nome completo">
  80.             <input type="text" name="email"    id="email"   placeholder="E-mail">
  81.             <input type="text" name="senha"    id="senha"   placeholder="Senha">
  82.             <input type="text" name="dnasc"    id="dnasc"   placeholder="Data de nascimento">
  83.             <input type="text" name="endereco" id="endereco" placeholder="Endereço">
  84.             <input type="text" name="telefone" id="telefone" placeholder="Telefone">
  85.             <input type="submit" value="Enviar">
  86.         </form>
  87.     </body>
  88. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement