jquery 提交表单答案

【问题标题】：jquery submit formjquery 提交表单
【发布时间】：2010-07-12 23:09:19
【问题描述】：

我今天被卡住了，一直在搜索堆栈溢出和谷歌，但是在实施我所看到的解决方案方面很幸运。我有一个表单，我正在尝试创建，当我在表单中没有信息时单击提交时，它会提示错误（它没有验证），但是当所有内容填写正确时，提交按钮不再起作用。

<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>

基本上我希望它像以前一样发布到下一页，但是由于我尝试了 jquery，提交按钮已经停止工作，似乎在它验证之后。

我一直在看： http://docs.jquery.com/Plugins/Validation（这是我实现这一目标的主要资源）。 jQuery disable button (NOT Submit) until field validates + Validation Plugin Help understanding jQuery button enable/disable code

但是我似乎仍然卡住了，不确定我是否在某处搞砸了上面的代码。提交按钮仍然损坏。

【问题讨论】：

标签： jquery html validation forms jquery-plugins

【解决方案1】：

这是您设置的debug option：

debug: true,

只需删除该选项或将其设置为false，它会阻止提交测试，要让提交通过你需要从the docs更改它：

阻止表单提交并尝试通过有关缺少方法和其他调试消息的警告来帮助设置验证。

【讨论】：