jQuery + jQuery 表单提交插件 + jQuery 验证插件答案

【问题标题】：jQuery + jQuery Form Submit Plugin + jQuery Validation PluginjQuery + jQuery 表单提交插件 + jQuery 验证插件
【发布时间】：2010-02-10 03:45:45
【问题描述】：

我知道这个问题已经被问过好几次了，但想知道你是否可以帮助我解决这个问题。

背景：我尝试创建一个使用 Ajax（jQuery 表单提交）提交的表单。我已经很好地工作了，然后我想在表单上进行验证。我能够使用 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",
                   }
        });
    }

【问题讨论】：

标签： jquery validation forms plugins

【解决方案1】：

你做错了顺序。请参阅example here。在你的情况下，它应该是：

$("#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');
      }
    });
  }
});

【讨论】：

【解决方案2】：

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

你想要类似的东西

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

【讨论】：