Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Atividade IX</title>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
- <link href="css/Estilo.css" rel="stylesheet" type="text/css"/>
- <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
- <script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
- <script src="js/jquery.mask.min.js" type="text/javascript"></script>
- <script src="js/Validation/jquery.validate.min.js" type="text/javascript"></script>
- <script src="js/Validation/additional-methods.min.js" type="text/javascript"></script>
- <script src="js/Validation/mais-metodos-adicionais.js" type="text/javascript"></script>
- <script src="js/Validation/localization/messages_pt_BR.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $("#dataNascimento").mask("00/00/0000")
- $("#cpf").mask("000.000.000-00")
- $("#formulario").validate({
- rules: {
- nome: {
- required: true,
- maxlength: 100,
- lettersAndSpaces: true
- },
- dataNascimento: {
- required: true,
- dateITA: true
- },
- cpf: {
- required: true,
- cpfBR: true
- }
- }
- })
- })
- </script>
- </head>
- <body>
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-6 offset-md-2">
- <p class="h2">FORMULÃRIO</p>
- <form id="formulario" name="formulario" method="post" action="salvar.jsp">
- <div class="form-group row">
- <label class="col-form-label col-md-2">Nome</label>
- <div class="col-md-10">
- <input class="form-control" name="nome" id="nome" type="text" placeholder="Digite seu nome" value="" />
- </div>
- </div>
- <div class="form-group row">
- <label class="col-form-label col-md-2">Data de Nascimento</label>
- <div class="col-md-10">
- <input class="form-control" name="dataNascimento" id="dataNascimento" type="text" placeholder="dd/mm/aaaa" value="" />
- </div>
- </div>
- <div class="form-group row">
- <label class="col-form-label col-md-2">CPF</label>
- <div class="col-md-10">
- <input class="form-control" name="cpf" id="cpf" type="text" placeholder="000.000.000-00" value="" />
- </div>
- </div>
- <input type="submit" class="btn btn-block btn-lg btn-outline-success" name="enviar" value="Enviar" />
- </form>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement