2009-11-20 90 views
0

我有验证和ajaxform都能正常工作,但是当我尝试合并表单时无法正常工作。我并不熟悉JQuery,所以认为语法在某个地方是错误的。任何人都可以发现我做错了什么吗?结合jquery validate和ajaxForm插件

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

//制备形式时DOM就绪 $(文件)。就绪(函数(){ VAR选项= { 目标: '#OUTPUT1',//目标元素(一个或多个),以与更新服务器响应 beforeSubmit:showRequest,//前提交回调 成功:showResponse方法//提交后回调 };使用 '给ajaxForm' $( '#形式WebCheck可')

//绑定的形式给ajaxForm(。选项); }); ();(“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('Thanks for your comment!'); }

+0

我已经解决了上述由此形式现在确实给的响应,并且它验证第一次。然而,现在最新情况是表单提交表单是否被验证。所以需要验证的字段以红色表示并且表单正在提交并给出响应。修改后的代码如下。 – leanne4000 2009-11-20 10:49:31

回答

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