CINXE.COM
Form de Registro com valida莽玫es em JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Form de Registro com valida莽玫es em JS</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div id="main-container"> <h1>Cadastre-se para ter mais acesso as informa莽玫es</h1> <form id="register-form" action=""> <div class="full-box"> <label for="email">E-mail</label> <input type="email" name="email" id="email" placeholder="Digite seu e-mail (xxxxxxxxxxxx@ine-gb.gw)" data-min-length="10" data-email-validate> </div> <div class="half-box spacing"> <label for="name">Nome</label> <input type="text" name="name" id="name" placeholder="Digite seu nome" data-required data-min-length="2" data-max-length="25"> </div> <div class="half-box"> <label for="lastname">Sobrenome</label> <input type="text" name="lastname" id="lastname" placeholder="Digite seu sobrenome" data-required data-only-letters> </div> <div class="half-box spacing"> <label for="lastname">Senha</label> <input type="password" name="password" id="password" placeholder="Digite sua senha" data-password-validate data-required> </div> <div class="half-box"> <label for="passconfirmation">Confirma莽茫o de senha</label> <input type="password" name="passconfirmation" id="passwordconfirmation" placeholder="Digite novamente sua senha" data-equal="password"> </div> <div> <input type="checkbox" name="agreement" id="agreement"> <label for="agreement" id="agreement-label">Eu li e aceito os <a href="#">termos de uso</a></label> </div> <div class="full-box"> <input id="btn-submit" type="submit" value="Registrar"> </div> <button><a href="../../ine.html">Cancelar</a></button> </form> </div> <p class="error-validation template"></p> <script src="js/scripts.js"></script> </body> </html>