组合jquery验证和ajaxForm插件

我已经让验证和ajaxform单独工作得很好，但是当我尝试组合表单时，它不能正常工作。我对JQuery不太熟悉，因此认为语法在某些地方是错误的。谁能看出我做错了什么

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

//当DOM就绪时准备表单 $（文档）.ready（函数（）{ 变量选项={ 目标：'#output1'，//要使用服务器响应更新的目标元素 beforeSubmit:showRequest，//预提交回调 成功：showResponse//post-submit回调 })

//使用“ajaxForm”绑定表单 $（'form#webcheck'）.ajaxForm（选项）； });

函数showRequest（）{ $（“表单#网络检查”）.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（）{ 警惕（“谢谢你的评论！”）；

---

}

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

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