Question

我一直在使用jQuery表单插件和jQuery Validation插件：

表格：http://jquery.malsup.com/form/ 验证：http://bassistance.de/jquery-plugins/jquery-plugin-validation/

我正在尝试与他们两个合作，在验证文档方面发挥更好的作用，然后使用jQuery表单插件提交。

有什么想法吗？

Answer 1

来自docs：

$(".selector").validate({
   submitHandler: function(form) {
    $(form).ajaxSubmit();
   }
})

Answer 2

根据http://malsup.com/jquery/form/#validation，您可以使用 beforeSubmit 选项提供返回true或false的回调。

在此回调中，只需使用此处所述的 .valid（）插件方法http://jqueryvalidation.org/valid

$(document).ready(function() {
    // jQuery Validation Plugin
    $("#myForm1").validate();

    // jQuery form Plugin
    var options = { 
        target:        '#output1',   // target element(s) to be updated with server     response 
        beforeSubmit:  validate,     // pre-submit callback 
        success:       showResponse  // post-submit callback 
    };

    // bind form using 'ajaxForm' 
    $('#myForm1').ajaxForm(options); 
});

// Return validation status from jQuery validate plugin.
function validate(formData, jqForm, options) { 
    return $('#myForm1').valid();
}

jQuery验证＆amp;表单插件

2 个答案: