Question

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

背景：我尝试创建一个使用Ajax（jQuery Form Submit）提交的表单。我已经工作得很好，然后我想在表单上进行验证。我可以使用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

你这样做的顺序错误。请参阅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');
      }
    });
  }
});

Answer 2

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

你想要像

这样的东西

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

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

2 个答案: