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

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

  •  3
  • Justin  · 技术社区  · 15 年前

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

    背景:我试图创建一个使用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 回复  |  直到 15 年前
        1
  •  2
  •   Donny Kurnia    15 年前

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

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

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