2009-11-20 63 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!'); 
}