Guest User

Untitled

a guest
Jan 18th, 2019
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.63 KB | None | 0 0
  1. <form class="formulario" method="POST" action="" name="formulario" id="formCadastro">
  2. <div class="row">
  3. <p id="">Nome:</p>
  4. <input type="text" name="nomeAluno" size="35" placeholder="Fulano da Silva" id="nomeAluno">
  5. </div>
  6.  
  7. <div class="row">
  8. <p>E-mail:</p>
  9. <input type="email" name="emailAluno" size="35" placeholder="fulano@email">
  10. </div>
  11.  
  12. <div class="row">
  13. <p>RM:</p>
  14. <input type="number" name="rmAluno" size="10" placeholder= "" maxlength="10">
  15. </div>
  16.  
  17. <div class="row">
  18. <p>Modulo:</p>
  19. <select name="moduloAluno" >
  20. <option>selecione...</option>
  21. <option>1°</option>
  22. <option>2°</option>
  23. <option>3°</option>
  24. <option>4°</option>
  25. <option>5°</option>
  26. <option>6°</option>
  27. </select>
  28. </div>
  29.  
  30. <div class="row">
  31. <p>Periodo:</p>
  32. <select name="periodoAluno" >
  33. <option value="">selecione...</option>
  34. <option value="etim">ETIM</option>
  35. <option value="noturno">Noturno</option>
  36. </select>
  37. </div>
  38.  
  39. <div class="row">
  40. <p>Curso:</p>
  41. <!-- <input type="text" name="cursoAluno" size="20" maxlength="45"> -->
  42. <select name="cursoAluno" >
  43. <option>selecione...</option>
  44. <option>Administração </option>
  45. <option>Cozinha</option>
  46. <option>Enfermagem</option>
  47. <option>Informática</option>
  48. <option>Segurança do Trabalho</option>
  49. </select>
  50.  
  51. </div>
  52.  
  53. <div class="row">
  54. <p>Telefone:</p>
  55. <input type="text" name="telefoneAluno" id="telefoneAluno" size="15" placeholder="ex.: (xx)x xxxx-xxxx">
  56. </div>
  57. <div class="botoes">
  58. <input type="reset" name="voltar" value="Limpar">
  59.  
  60. <input type="submit" name="cadastrar" id="btnEnviar" value="Cadastrar" onclick="verificaCampo()">
  61. <button id="btnVoltar" onclick="desejaVoltar()">Voltar</button>
  62. </div>
  63. </form> `
  64.  
  65. $(document).ready(function(){
  66. $("#formCadastro").validate({
  67. rules:{
  68. // nome do campo do Formulário {
  69. // se é requerido, obrigatório (required),
  70. // máximo de caracteres (maxlength),
  71. // minímo de caracteres (minlength),
  72. // minímo de frases (minWords)
  73. // }
  74. nomeAluno: {
  75. required: true,
  76. maxlength: 150,
  77. minlength: 10,
  78. minWords: 2
  79. },
  80. emailAluno: {
  81. required: true,
  82. email: true,
  83. maxlength: 250,
  84. minlength: 10
  85. },
  86. rmAluno: {
  87. required: true,
  88. min: 3
  89.  
  90. },
  91. moduloAluno: {
  92. required: true,
  93. minlength: 1
  94. },
  95. periodoAluno: {
  96. required: true,
  97. maxlength: 15
  98. },
  99. cursoAluno: {
  100. required: true,
  101. maxlength: 50
  102. },
  103. telefoneAluno: {
  104. required: true,
  105. },
  106. },
  107. submitHandler: function(form){
  108. swal({
  109. title: 'Sucesso!',
  110. type: 'success',
  111. text: "Cadastro Efetuado com Sucesso.",
  112. timer: 2000
  113. })
  114. }
  115. })
Add Comment
Please, Sign In to add comment