Advertisement
shield5

personagem

Feb 23rd, 2019
567
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.48 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Atividade IX</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  8. <link href="css/Estilo.css" rel="stylesheet" type="text/css"/>
  9. <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
  10. <script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
  11. <script src="js/jquery.mask.min.js" type="text/javascript"></script>
  12. <script src="js/Validation/jquery.validate.min.js" type="text/javascript"></script>
  13. <script src="js/Validation/additional-methods.min.js" type="text/javascript"></script>
  14. <script src="js/Validation/mais-metodos-adicionais.js" type="text/javascript"></script>
  15. <script src="js/Validation/localization/messages_pt_BR.min.js" type="text/javascript"></script>
  16. <script type="text/javascript">
  17. $(document).ready(function () {
  18. $("#dataNascimento").mask("00/00/0000")
  19. $("#cpf").mask("000.000.000-00")
  20. $("#formulario").validate({
  21. rules: {
  22. nome: {
  23. required: true,
  24. maxlength: 100,
  25. lettersAndSpaces: true
  26. },
  27. dataNascimento: {
  28. required: true,
  29. dateITA: true
  30. },
  31. cpf: {
  32. required: true,
  33. cpfBR: true
  34. }
  35. }
  36. })
  37. })
  38. </script>
  39. </head>
  40. <body>
  41. <div class="container-fluid">
  42. <div class="row">
  43. <div class="col-md-6 offset-md-2">
  44. <p class="h2">FORMULÁRIO</p>
  45. <form id="formulario" name="formulario" method="post" action="salvar.jsp">
  46. <div class="form-group row">
  47. <label class="col-form-label col-md-2">Nome</label>
  48. <div class="col-md-10">
  49. <input class="form-control" name="nome" id="nome" type="text" placeholder="Digite seu nome" value="" />
  50. </div>
  51. </div>
  52. <div class="form-group row">
  53. <label class="col-form-label col-md-2">Data de Nascimento</label>
  54. <div class="col-md-10">
  55. <input class="form-control" name="dataNascimento" id="dataNascimento" type="text" placeholder="dd/mm/aaaa" value="" />
  56. </div>
  57. </div>
  58. <div class="form-group row">
  59. <label class="col-form-label col-md-2">CPF</label>
  60. <div class="col-md-10">
  61. <input class="form-control" name="cpf" id="cpf" type="text" placeholder="000.000.000-00" value="" />
  62. </div>
  63. </div>
  64. <input type="submit" class="btn btn-block btn-lg btn-outline-success" name="enviar" value="Enviar" />
  65. </form>
  66. </div>
  67. </div>
  68. </div>
  69. </body>
  70. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement