结合 jquery validate 和 ajaxForm 插件

Question

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

该表单在验证之前需要两次尝试，然后该表单发送但不给出任何响应。

// 当 DOM 准备好时准备表单 $(文档).ready(函数() { 变量选项= { target: '#output1', // 要使用服务器响应更新的目标元素 beforeSubmit: showRequest, // 预提交回调 success: showResponse // 提交后回调 };

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

函数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 = ""; }

函数 showResponse(){ 警报（'感谢您的评论！'）； }

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!'); 
}