.ajaxform在验证提交程序内不工作？

我使用jquery验证插件在提交表单之前验证表单 在submitHandler中，我使用ajax请求发布带有ajax的表单 以前我使用.ajax发送请求，但现在表单有图像，很难处理 通过普通的ajax请求序列化file元素，因此我使用了这个插件

现在，在使用插件后，ajax请求根本不起作用，我不知道为什么 这是使用普通ajax调用的第一个示例

$(document).ready(function(){
    $("#categoryForm").validate({
    submitHandler: function() {
            $.ajax({
                type:'POST', 
                url: 'actions/add-category.php', 
                data: $("#categoryForm").serialize(), 
                success: function(response) {
                     $('#status').html(response);
                    }
                });

        return false;
    }
    });
});

在使用插件之后，这一个

$(document).ready(function(){
        $("#categoryForm").validate({
        submitHandler: function() {
                $('#categoryForm').ajaxForm(function() {
                alert('the form was successfully processed');
            });

            return false;
        }
        });
    });

---

第二个不工作

尝试反转功能：

jQuery('#form_id').ajaxForm({
    beforeSubmit: function() {
        jQuery("#form_id").validate({
            rules: {
                first_name: "required",
                last_name: "required"
            },
            messages: {
                first_name: "Required",
                last_name: "Required"
            }
        });
        return jQuery('#form_id').valid();
    },
    success: function(resp) {
        jQuery('#resp').html(resp).fadeIn('fast');
    }
});

其中，

#resp

是将接收从发布的

#form_ID

文件生成的HTML的ID