jquery - 结合 jquery validate 和 ajaxForm 插件

Question

我让验证和 ajaxform 单独工作正常，但是当我尝试组合表单时无法正常工作。我对 JQuery 不是很熟悉，所以认为语法在某处是错误的。谁能发现我做错了什么？

表单在验证之前进行了两次尝试，然后表单发送但没有给出任何响应。

// 当 DOM 准备好时准备表单 $(document).ready(function() { var options = { target: '#output1', // 使用服务器响应更新的目标元素 beforeSubmit: showRequest, / / 提交前回调成功：showResponse // 提交后回调 };

// 使用 'ajaxForm' 绑定表单 $('form#webcheck').ajaxForm(options); });

函数 showRequest(){ $("form#webcheck").validate(); jQuery.validator.messages.required = jQuery.validator.messages.email = ""; jQuery.validator.messages.required = jQuery.validator.messages.telephone = ""; jQuery.validator.messages.required = jQuery.validator.messages.name = ""; }

function showResponse(){ alert('感谢您的评论！'); }

Answer 1

$(document).ready(function() { 
    var options = { 
        //target:        '#response',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse  // post-submit callback 
    }; 

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

function showRequest(){ 
    jQuery.validator.messages.required = jQuery.validator.messages.email = "";
    jQuery.validator.messages.required = jQuery.validator.messages.telephone = "";
    jQuery.validator.messages.required = jQuery.validator.messages.name = "";
    $("form#webcheck").validate().form();

}

function showResponse(){ 
    alert('Thanks for your comment!'); 
}