2012-04-23 150 views
0

試圖一起使用jQuery Form PluginjQuery Validate plugin,但表單將使用AJAX提交,即使所需字段爲空。這裏是我的代碼:jQuery表單插件和jQuery驗證

// prepare the form when the DOM is ready 
$(document).ready(function() { 

    // bind form using ajaxForm 
    $('#contact-form').ajaxForm({ 
    // target identifies the element(s) to update with the server response 
    target: '#ajax-success', 

    // success identifies the function to invoke when the server response 
    // has been received; here we apply a fade-in effect to the new content 
    success: function() { 
     $('#contact-form-wrapper').hide(); 
     $('#ajax-success').fadeIn('slow'); 
    } 
    }); 
}); 
+0

好的 - 對不起,有點新使用堆棧溢出。將開始接受。我只是想弄清楚在submitHandler函數中放置的位置。 – user1093150 2012-04-23 15:51:43

回答

0

documentation for the validate plugin顯示瞭如何做到這一點。

看看submitHandler函數。

+0

但我使用.ajaxForm而不是.ajaxSubmit ...這將如何工作不同? – user1093150 2012-04-23 15:54:24

+0

我認爲這個想法是使用'ajaxSubmit'。從文檔中鏈接到[表單插件](http://www.malsup.com/jquery/form/#api)的作者:**驗證後,通過Ajax提交表單的正確位置。** – Terry 2012-04-23 16:01:09