jQuery驗證和表單插件

Question

我一直在使用jQuery的形式插件和jQuery驗證插件：

形式：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回調。

在該回調簡單地使用這裏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(); 
}