2

我有一个form正在使用 jQuery 验证，并且还通过php在第一次选择之后显示信息，然后在提交之后对数据库进行 ajax 调用。

这是尽可能接近它的工作。剩下的唯一问题是，form当存在需要纠正的验证错误时，将允许用户提交它。

我相信submitHandler这是让它工作的关键，但是我在评论//tried various things here的地方尝试过的任何代码都会导致各种不同的问题。

这是页面的代码：

<html>
<head>
<script src="../../jquery_theme/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="dist/jquery.validate.js"></script>

<script>
$(document).ready(function(){
$("#commentForm").validate({
    submitHandler: function(form) {
        //tried various things here
        }
    });
 });

</script>

</head>
<body>


<form class="cmxform" id="commentForm"  >
<fieldset>

 <p> <label for="select_part">Select Part to Adjust Count</label></p>  

          <div>  <select name="id_part" id="select_part" class="required" >
                <option value="">---</option>
                <option value="1">option1</option>
                <option value="2">option2</option>

            </select>

                <div id="returnedValue" class="ajaxReturn"></div>
            </div>
                <br />

 <p>
 <label for="cname">Name</label>
 <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" />
 </p>
 <input id="submitForm" class="submit" type="submit" value="Submit"/>
 </p>
 </fieldset>
 </form>
 <p><div id="returns"></div></p>
 <script type="text/javascript" src="validateTestDB.js"></script>
 </body>
 </html>

这是将信息反馈到页面的 javascript：

$('#select_part').change(function(){
var select_part = $('#select_part').val();


$.post('../../php/getCounts.php', { select_part: select_part}, function(data){
$('#returnedValue').hide().html(data).fadeIn(1200);


      });
   });

 $('#submitForm').click(function(){


var select_part = $('#select_part').val();
var name = $('#cname').val();
$.post('validateResult.php', {select_part: select_part, name: name}, function (data3){
    $('#returns').html(data3);
     });

});

我已经阅读和尝试了两天，我只是卡住了。

4

1 回答 1

5

您有一个点击处理程序，$('#submitForm').click()它会干扰submitHandler:验证代码的内部。这是多余的，.click()应该删除处理程序以支持submitHandler:. 然后应将所需的代码放在中，submitHandler如下所示...

$(document).ready(function(){
    $("#commentForm").validate({
        submitHandler: function(form) {
            var select_part = $('#select_part').val();
            var name = $('#cname').val();
            $.post('validateResult.php', {select_part: select_part, name: name}, function (data3){
                $('#returns').html(data3);
            });
        }
    });
});
于 2012-10-20T14:42:50.727 回答