jquery提交表单

我今天被卡住了,一直在搜索stack overflow和google,但是在实现我看到的解决方案方面运气不太好。我有一个表单,我正在尝试创建,当我单击提交时,当表单中没有信息时,它会提示一个错误(它没有验证),但是当所有内容都填写正确时,提交按钮不再工作。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.delegate.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
 debug: true,
 success: "valid"
});;
</script>

  <script type="text/javascript">
  $(document).ready(function(){
    $("#q0").validate({
  rules: {
   date1: {
    required: true,
    digits: true,
    rangelength: [4, 4],
    min: 2010,
    max: 2015
  },
   date2: {
    required: true,
    digits: true,
    rangelength: [2, 2],
    max: 12
  },
   date3: {
    required: true,
    digits: true,
    rangelength: [2, 2],
    max: 31
  },
   date4: {
    required: true,
    digits: true,
    rangelength: [2, 2],
    max: 23
  },
   date5: {
    required: true,
    digits: true,
    rangelength: [2, 2],
    max: 59
  }
 }
});
  });
  </script>

下一步是表格:

<h1>Select User</h1>
   <form action="q1.php" method="post" id="q0"><br /><br />

<?php

$con = mysql_connect("localhost","","");
if (!$con)
  {
  die('PWND: ' . mysql_error());
  }

                mysql_select_db("questionnaire");


    $sql = "SELECT id, fname, lname 
      FROM   User";

                $result = mysql_query($sql);
     echo '<select name="User" type="number">';
                while ($row = mysql_fetch_assoc($result))
                {
                    echo '<option value="'.$row['id'].'">'.$row['fname'].' '.$row['lname'].'</option>';
                }
     echo '</select>';
mysql_close($con)
?><br /><br />
<p>
<h4>Date and Time</h4>

  <label for="date1">Year (YYYY): </label>
  <input class="left" id="date1" name="date1" />
  <br/>
  <label for="date2">Month (MM): </label>
  <input class="left" id="date2" name="date2" />
  <br/>
  <label for="date3">Day (DD): </label>
  <input class="left" id="date3" name="date3" />
  <br/>
  <label for="date4">Hour (HH): </label>
  <input class="left" id="date4" name="date4" />
  <br/>
  <label for="date5">Minute (MM): </label>
  <input class="left" id="date5" name="date5" />
  <br/>
</p>
<h4>Test</h4>
<select name="qtype" type="number">
<option value="1">0</option>
<option value="2">8</option>
<option value="3">1</option>
<option value="4">2</option>
<option value="5">3</option>
<option value="6">4</option>
<option value="7">5</option>
</select><br /></p>
<input type="submit" value="Submit"/>
</form>

我一直在看: http://docs.jquery.com/Plugins/Validation jQuery disable button (NOT Submit) until field validates + Validation Plugin Help understanding jQuery button enable/disable code

然而,我仍然似乎是卡住了,不知道我把上面的代码搞砸了。“提交”按钮仍处于损坏状态。