代码之家 › 专栏 › 技术社区 › Justin

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

plugins forms validation jquery

3

Justin · 技术社区 · 16 年前

我意识到这已经被问过好几次了,但我想知道你是否能帮我解决这个问题。

背景:我试图创建一个使用Ajax提交的表单(jQuery form Submit)。我做得很好,然后我想在表格上得到验证。我可以使用jQuery表单验证插件来实现它。但我似乎无法让他们一起工作。

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

我希望这是件简单的事。你能看到这个问题吗?

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

2 回复 | 直到 16 年前

1

2

Donny Kurnia 16 年前

你做这件事的顺序不对。见 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

0

helloandre 16 年前

您需要从validateForm返回一些内容。现在它总是返回true,因为没有返回值。

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