.ajaxform在validationsubmitHandler中没有工作？

我使用jqueryvalidation插件在submitHandler中提交之前validation表单我使用ajax请求在使用.ajax发送请求之前使用ajax发布表单但是现在表单有图像并且很难通过正常序列化文件元素ajax请求，因此我使用了这个插件http://www.malsup.com/jquery/form/

现在使用插件之后，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; } }); }); 

第二个不起作用

Answer 1

尝试反转function：

 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