jquery验证插件和submitHandler

Question

jquery验证插件和submitHandler

我有一个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>

Run Code Online (Sandbox Code Playgroud)

这是将信息反馈给页面的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);
     });

});

Run Code Online (Sandbox Code Playgroud)

我一直在阅读和尝试两天,我只是被卡住了.

Answer 1

Spa*_*rky 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);
            });
        }
    });
});

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，6 月前
查看次数：	4086 次
最近记录：	13 年，6 月前