Jquery Submit Validation Not Posting

Jquery Submit Validation Not Posting

Hello all,

I've customized my form to validated the required fields but it doesn't submit even though all fields are filled in correctly. From my understanding, the jquery.validate.min.js blocks it from being submitted. Does anyone know why my form doesn't submit?

The code is below:

  2. <head>
  3.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  4.     <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
  5.     <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
  6.     <link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css">
  7. </head>


  10. <div>
  11. <form id="myform">

  13. <label for="fname">First Name *: </label>
  14. <input id="fname" name="fname">
  15. <br/>
  16. <label for="lname">Last Name *: </label>
  17. <input id="lname" name="lname">
  18. <br/>
  19. <label for="email">Email *: </label>
  20. <input id="email" name="email">
  21. <br/>
  22. <label for="jtitle">Job Title *: </label>
  23. <input id="jtitle" name="jtitle">
  24. <br/>
  25. <label for="orgname">Organization *: </label>
  26. <input id="orgname" name="orgname">
  27. <br/>
  28. <label for="orgname">Describe Yourself *: </label>
  29. <input id="desyourself" name="desyourself" type="hidden" value="123">
  30. <select id="desyourself" name="desyourself">
  31.                     <option value="">
  32.                     Choose One...       </option>
  33.                     <option value="124">
  34.                     Customer
  35.                     </option>
  36.                     <option value="125">
  37.                     Partner
  38.                     </option>
  39.                     <option value="126">
  40.                     Prospect
  41.                     </option>
  42.                     <option value="127">
  43.                     Other
  44.                     </option>
  45.                     <option value="128">
  46.                     Misc.
  47.                     </option>
  48. </select>
  49. <br/>
  50. <input type="submit" value="Validate!">
  51. </form>
  52. </div>



  56. <script>
  57. // avoids form submit
  58. jQuery.validator.setDefaults({
  59.   debug: true,
  60.   success: "valid"
  61. });

  63. $.validator.methods.email = function( value, element ) {
  64.   return this.optional( element ) || /^([\w-\.]+@(?!gmail.com)(?!yahoo.com)(?!hotmail.com)([\w-]+\.)+[\w-]{2,4})?$/.test( value );
  65. }

  67. $( "#myform" ).validate({
  68.   rules: {
  69.     fname: {
  70. required: true,
  71. minlength: 1,
  72. maxlength: 30,
  73. lettersonly: true
  74. },
  75.     lname: {
  76. required: true,
  77. minlength: 1,
  78. maxlength: 30,
  79. lettersonly: true
  80. },
  81.     email: {
  82.    required: true,
  83.    email: true
  84.     },
  85.     jtitle: {
  86. required: true,
  87. minlength: 1,
  88. maxlength: 30
  89. },
  90.     orgname: {
  91. required: true,
  92. minlength: 1,
  93. maxlength: 30
  94. },
  95. desyourself: {
  96. required: true,
  97. }
  98.   }
  99. });
  100. </script>