PRO_gramer

formulario

Mar 20th, 2018
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.08 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="br">
  3. <head>
  4.     <meta charset="utf-8" />   
  5.     <link href="Css\CodeCSS.css" rel="stylesheet" />
  6.     <script text="text/javascript">
  7.     function validacao() {
  8.         var formulario = document.register;
  9.         var nome = formulario.nome;
  10.         var email = formulario.email;
  11.  
  12.         if (nome.value == "") {
  13.             alert("Insira um nome válido.");
  14.             return false;
  15.         }
  16.  
  17.         if(email.value.indexOf("@") == -1 || email.value.indexOf(".") == -1) {
  18.             alert("Insira um email válido");
  19.             return false;
  20.         }
  21.        
  22.         return true;
  23.     }
  24. </script>
  25. </head>
  26. <body>
  27.  
  28. <form name="register" action="#" method="post"  onSubmit="return validacao();">
  29. <label for="heading" class="heading">Cadastro Curso de Japonês</label>
  30.         <fieldset>
  31.             <legend class="legend">Informacoes pessoais</legend>
  32.             <div>
  33.             <label for="name">Nome</label><br>
  34.             <input  name ="nome" type="text" placeholder="Primeiro nome" >
  35.             <input type="text" placeholder="Ultimo nome">
  36.             </div><br>
  37.             <div>
  38.             <label for="dob">Data de Aniversario</label><br>
  39.             <input type="date" value="">
  40.             </div>
  41.             <div class="gender">
  42.             <label for="gender">Genero</label><br>
  43.             <input type="radio" name="gender"><label>Masculino</label>
  44.             <input type="radio" name="gender"><label>Feminino</label>
  45.             </div><br>
  46.             <div>
  47.             <label for="address">Informacao de localizacao</label><br>
  48.             <input type="text" class="textboxAddressDetail" placeholder="Cidade">  
  49.             <input type="text" class="textboxAddressDetail" placeholder="Estado"><br>
  50.             <select class="selectOption">
  51.             <option value="Country">Selecione o pais</option>
  52.             </select>
  53.             </div><br>
  54.             <div>
  55.             <label for="contact">Numero</label><br>
  56.             <input type="tel" class="textboxAddressDetail" placeholder="Domiciliar">
  57.             <input type="tel" class="textboxAddressDetail" placeholder="Trabalho">
  58.             </div><br>
  59.             <div>
  60.             <label for="email">Email</label><br>
  61.             <input type="email" class="textboxAddressDetail" placeholder="[email protected]">
  62.             </div>
  63.         </fieldset>
  64.         <div class="submit">
  65.                 <input type="submit" value="Submit">
  66.         </div>
  67.     <br>
  68. </form>
  69. </body>
  70. </html>
Advertisement
Add Comment
Please, Sign In to add comment