jQuery + jQuery表单提交插件+ jQueryvalidation插件

我意识到这已被问过几次，但想知道你是否可以帮我解决问题。

背景：我尝试创建一个使用Ajax（jQuery Form Submit）提交的表单。 我已经工作得很好，然后我想在表单上进行validation。 我能够使用jQuery Form Validation Plugin工作。 但我似乎无法让他们一起工作。

基本上它只是提交表单天气或不是它“有效”。

我希望这很简单。 你能看到这个问题吗？

$('#addCompany').submit(function() { $('#addCompany').ajaxSubmit({ target: '.response', beforeSubmit: validateForm, success: function () { $('.response').fadeIn('slow'); } }); }); //END SUBMIT FUNCTION }); //END DOCUMENT function validateForm() { $("#addCompany").validate({ rules: { company: "required", contactEmail: "required" }, messages: { company: "Please enter the clients company", contactEmail: "Please enter a valid email address", } }); } 

Answer 1

你做错了。 请参阅此处的示例 。 在你的情况下，它应该是：

 $("#addCompany").validate({ rules: { company: "required", contactEmail: "required" }, messages: { company: "Please enter the clients company", contactEmail: "Please enter a valid email address", }, submitHandler: function(form) { $(form).ajaxSubmit({ target: '.response', success: function() { $('.response').fadeIn('slow'); } }); } }); 

Answer 2

你需要从validateForm返回一些东西。 现在它总是返回true，因为没有返回值。

你想要的东西

 return $("#addCompany").....