jquery - jquery ajax submithandler 函数不起作用

Question

不知何故，我的 ajax submithandler 代码不起作用。我希望只有当 jquery validate() 正确验证表单时，用户才提交表单（myForm）。

表单验证工作正常，但提交表单并没有创建正确的响应，并且似乎重新加载了网页。

我检查了http://www.malsup.com/jquery/form/#api和http://jqueryvalidation.org/validate/但无法找出我提交处理程序代码中的错误。

请您的帮助。

代码：

<script>    
    $(function() {

    $("#myForm").validate({


    rules: {
            // simple rule, converted to {required:true}


            'productname[]': {
                required:true,
                minlength: 2,
                maxlength: 30,
            }

            }, //rules

    // pass options to ajaxForm 


    submitHandler: function(myForm) {
        var options = { 
            type: "POST",
            url: "form_submit2ajx.php",
            data: $("#myForm").serialize(),
            dataType: "json",

            success: function(msg){
                $("#formResponse").removeClass('error');
                $("#formResponse").addClass(msg.statusgeneral);
                $("#formResponse").html(msg.statusgeneral);


            },
            error: function(){
                $("#formResponse").removeClass('success');
                $("#formResponse").addClass('error');
                $("#formResponse").html("There was an error submitting the form. Please try again.");
            } 
    }//var options  

    $('#myForm').ajaxForm(options); 
    $(this).ajaxSubmit();
    return false;
    }       

    }); //validate()

}); //function
</script>

Answer 1

刚注意到这个

        $('#myForm').ajaxForm(options);
        $(this).ajaxSubmit();

而是以这种方式尝试

        $(this).ajaxSubmit(options);