结合 jquery validate 和 ajaxForm 插件答案

【问题标题】：combining jquery validate and ajaxForm plugins结合 jquery validate 和 ajaxForm 插件
【发布时间】：2010-12-18 16:15:24
【问题描述】：

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

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

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

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

函数显示请求（）{ $("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 = ""; }

函数显示响应（）{ alert('感谢您的评论！'); }

【问题讨论】：

我已经解决了上述问题，表单现在确实给出了响应，并且第一次验证。但是，现在发生的事情是表单正在提交，无论表单是否经过验证。因此，需要验证的字段显示为红色，并且表单正在提交并给出响应。修改后的代码如下。

标签： jquery plugins validation ajaxform

【解决方案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!'); 
}

【讨论】：