Need Help with jQuery Validator

Need Help with jQuery Validator

I'm trying to get the Validator Plug-in to work on my form. I've read the documentation and tried several different things and nothing is stopping my form from being submitted. I don't know if I'm doing something wrong. I tried debugging in firebug, but it didn't return any errors.

Here's my form & the code I'm using, I just want a very basic require & don't need anything fancy (yet).


  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <head>
  5. <title> Add New Event</title>
  6. <link rel="stylesheet" type="text/css" href="eventform_style.css" />
  7. <script type="text/javascript" src="datetimepicker_css.js"></script>
  8. <script type="text/javascript" src="jquery.validate.js"></script>
  9. <script type="text/javascript" src="jquery.js"></script> 

  11. <script type="text/javascript">
  12. jQuery.validator.setDefaults({
  13. debug: true,
  14. success: "valid"
  15. });;
  16. </script>

  18.   <script>
  19.   $(document).ready(function(){
  20.     $("#eventForm").validate({
  21.   rules: {
  22.     eventType: "required"
  23.     eventTitle: "required"
  24.     eventAddress: "required"
  25.     eventCity: "required"
  26.     eventState: "required"
  27.     eventStartTime: "required"
  28.     eventEndTime: "required"  
  29.     eventAccess: "required"   
  30.   }
  31. });
  32.   });
  33.   </script>   
  34. </head>

  36. <html>
  37. <body>

  39. <form method="post" id="eventForm" action="db_input.php">
  40. <br/>
  41. <fieldset>
  42. <legend><h5>Add New Event</h5></legend>
  43. <br/>

  45. <table>
  47. <h6>All <img src="images/notice-note.png" border="0" width="10" height="10"> Fields Are Required</h6>
  49. <tr>
  50. <td><label for="eventType">Event Type:</label></td>
  51. <td><select id="eventType" name="eventType">
  52.    <option value=""></option>
  53. <option value="Business">Business</option>
  54.                                  <option value="Concert">Concert</option>
  55.                                 <option value="Dating">Dating</option>
  56. <option value="Dining">Dining</option>
  57. <option value="Fitness">Fitness</option>
  58. <option value="Jobs">Jobs</option>
  59.                                 <option value="Nightlife">Nightlife</option>
  60. <option value="Politics">Politics</option>
  61. <option value="Sports">Sports</option>
  62. <option value="Travel">Travel</p></option>
  63. <option value="Tv and Film">Tv and Film</option>
  64. </select>
  65. <img src="images/notice-note.png" border="0" width="10" height="10">
  66. </td>
  67. </tr>
  68. <tr>
  69. <td><label for="eventTitle">Event Title:</label></td>
  70. <td><input id="eventTitle" type="text" name="eventTitle" size="25">
  71. <img src="images/notice-note.png" border="0" width="10" height="10">
  72. </td>
  73. </tr>
  74. <tr>
  75. <td><label for="eventLocation">Event Location:</label></td>
  76. <td><input id="eventLocation" type="text" name="eventLocation" size="25"></td>
  77. <td align="left"><p class="form">(ie. Central Park)</p></td>
  78. </tr>
  79. <tr>
  80. <td><label for="eventAddress">Address:</label></td>
  81. <td><input id="eventAddress" type="text" name="eventAddress" size="25">
  82. <img src="images/notice-note.png" border="0" width="10" height="10">
  83. </td>
  84. </tr>
  85. <tr>
  86. <td><label for="eventCity">City:</label></td> 
  87. <td><input id="eventCity" type="text" name="eventCity" size="20">
  88. <img src="images/notice-note.png" border="0" width="10" height="10">
  89. </td>
  90. </tr>
  91. <tr>
  92. <td><label for="eventState">State:</label></td> 
  93. <td><input id="eventState" type="text" name="eventState" size="2">
  94. <img src="images/notice-note.png" border="0" width="10" height="10">
  95. </td>
  96. </tr>
  97. <tr>
  98. <td><label for="eventStartTime">Start Date:</label></td>
  99. <td>
  100. <input id="eventStartTime" type="text" name="eventStartTime" size="25">
  101. <a href="javascript: NewCssCal('eventStartTime','mmmddyyyy','dropdown',true,12)">
  102. <img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>
  103. <img src="images/notice-note.png" border="0" width="10" height="10">
  104. </td>
  105. </tr>
  106. <tr>
  107. <td><label for="eventEndTime">End Date:</label></td>
  108. <td><input id="eventEndTime" type="text" name="eventEndTime" size="25">
  109. <a href="javascript: NewCssCal('eventEndTime','mmmddyyyy','dropdown',true,12)">
  110. <img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a Date"></a>
  111. <img src="images/notice-note.png" border="0" width="10" height="10">
  112. </td>
  113. </tr>
  114. <tr>
  115. <td><label for="eventAccess">Choose Members with Access:</label></td>
  116. <td><select id="eventAccess" name="eventAccess">
  117. <option value="All Members">Public to All Members</option>
  118. <option value="All Friends">Public to All Friends</option>
  119. <option value="Select Friends">Only Public to These Friends:</option>
  120. <option value="Private">This Event is Private</option>
  121. </select>
  122. <img src="images/notice-note.png" border="0" width="10" height="10">
  123. </td>
  124. <td align="left"><a class="tryitbtn" href="gallery/choosefriends.php" onClick="myPopup2()" name="ChooseFriends" value="ChooseFriends">Choose Friends</a></td>
  125. </tr>
  126. <tr>
  127. <td><label for="GroupCategory">Choose Groups with Access:</label></td> 
  128. <td><select id="GroupCategory" name="GroupCategory">
  129.    <option value=""></option>
  130. <option value="Art">Art</option>
  131. <option value="Artists">Artists</option>
  132. <option value="Business">Business</option>
  133. <option value="Business Networking">Business Networking</option>
  134. <option value="Dating">Dating</option>
  135. <option value="Dining">Dining</option>
  136. <option value="Fitness">Fitness</option>
  137. <option value="Jobs">Jobs</option>
  138. <option value="Music">Music</option>
  139. <option value="Musicians">Musicians</option>
  140. <option value="Nightlife">Nightlife</option>
  141. <option value="Pets">Pets</option>
  142. <option value="Politics">Politics</option>
  143. <option value="Sports">Sports</option>
  144. <option value="Travel">Travel</option>
  145. <option value="Tv and Film">Tv and Film</option>
  146. <option value="Wine">Wine</option>
  147. </select></td>
  148. </tr>
  150. <tr>
  151. <td><br/><br/>
  152. <input type="submit" name="submit" value="SUBMIT">
  153. <input type="reset" name="reset" value="RESET">
  154. </td>
  155. </tr>
  156. </table>
  157. </fieldset>


  160. </body>
  161. </html>