在jQuery Form插件可以讓你很容易的使用AJAX提交Form表單，主要方法ajaxForm和ajaxSubmit負(fù)責(zé)收集表單元素的信息,管理提交進(jìn)程。這兩種方法都是可配置的,讓你完全控制Form提交。使用AJAX提交表單沒有任何方式比JQuery Form插件更容易的了.

目前創(chuàng)新互聯(lián)已為上千多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、青海網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

官網(wǎng)地址:www.malsup.com/jquery/form/：有文檔說明和演示示例可供參考！

我簡(jiǎn)單使用了一下,jQuery Form插件有一下優(yōu)點(diǎn): 
1.支持提交前驗(yàn)證.
2.支持提交后回調(diào).
3.采用AJAX方式,有很好的用戶體驗(yàn)
4.提交方式是靈活.只要指定要提交的form ID即可.想提交那個(gè)form.就可提交那個(gè).同時(shí)提交參數(shù)可配置.
5.支持提交多種類型數(shù)據(jù).如:xml,json等.

主要的函數(shù)：
1.ajaxForm
增加所有需要的事件監(jiān)聽器，為AJAX提交表單做好準(zhǔn)備。ajaxForm不能提交表單。在document的ready函數(shù)中，使用ajaxForm來(lái)為AJAX提交表單進(jìn)行準(zhǔn)備。ajaxForm接受0個(gè)或1個(gè)參數(shù)。這個(gè)單個(gè)的參數(shù)既可以是一個(gè)回調(diào)函數(shù)，也可以是一個(gè)Options對(duì)象。

實(shí)例：
 

$('#myFormId').ajaxForm(); 

2.ajaxSubmit
馬上由AJAX來(lái)提交表單。大多數(shù)情況下，都是調(diào)用ajaxSubmit來(lái)對(duì)用戶提交表單進(jìn)行響應(yīng)。ajaxSubmit接受0個(gè)或1個(gè)參數(shù)。這個(gè)單個(gè)的參數(shù)既可以是一個(gè)回調(diào)函數(shù)，也可以是一個(gè)Options對(duì)象。

實(shí)例：
 

// 綁定表單提交事件處理器 
$('#myFormId').submit(function() { 
// 提交表單 
$(this).ajaxSubmit(); 
// 為了防止普通瀏覽器進(jìn)行表單提交和產(chǎn)生頁(yè)面導(dǎo)航（防止頁(yè)面刷新？）返回false 
return false; 
}); 

3.formSerialize
將表單串行化（或序列化）成一個(gè)查詢字符串。這個(gè)方法將返回以下格式的字符串：name1=value1&name2=value2。這個(gè)方法返回一個(gè)字符串。

實(shí)例：

var queryString = $('#myFormId').formSerialize(); 

// 現(xiàn)在可以使用$.get、$.post、$.ajax等來(lái)提交數(shù)據(jù)
 

$.post('myscript.php', queryString); 

4.fieldSerialize
將表單的字段元素串行化（或序列化）成一個(gè)查詢字符串。當(dāng)只有部分表單字段需要進(jìn)行串行化（或序列化）時(shí)，這個(gè)就方便了。這個(gè)方法將返回以下格式的字符串：name1=value1&name2=value2。這個(gè)方法返回一個(gè)字符串。

實(shí)例：
 

var queryString = $('#myFormId .specialFields').fieldSerialize(); 

5.fieldValue
返回匹配插入數(shù)組中的表單元素值。從0.91版起，該方法將總是以數(shù)組的形式返回?cái)?shù)據(jù)。如果元素值被判定可能無(wú)效，則數(shù)組為空，否則它將包含一個(gè)或多于一個(gè)的元素值。該方法返回?cái)?shù)組。

實(shí)例：
// 取得密碼輸入值
 

var value = $('#myFormId :password').fieldValue();  
alert('The password is: ' + value[0]); 

6.resetForm
通過調(diào)用表單元素原有的DOM方法，將表單恢復(fù)到初始狀態(tài)。

實(shí)例：
 

$('#myFormId').resetForm(); 

7.clearForm
清除表單元素。該方法將所有的文本（text）輸入字段、密碼（password）輸入字段和文本區(qū)域（textarea）字段置空，清除任何select元素中的選定，以及將所有的單選（radio）按鈕和多選（checkbox）按鈕重置為非選定狀態(tài)。

實(shí)例：
 

$('#myFormId').clearForm(); 

8.clearFields
清除字段元素。只有部分表單元素需要清除時(shí)才方便使用。

實(shí)例：
 

$('#myFormId .specialFields').clearFields(); 

jQuery Form插件的簡(jiǎn)單示例: 
 

<%@ page language="java" pageEncoding="UTF-8"%> 
 
 
 
    
    
    
     
   // wait for the DOM to be loaded 
        $(document).ready(function() {  
         // bind 'myForm' and provide a simple callback function 
            $('#myForm').ajaxForm(function() {  
                alert("Thank you for your comment!");  
            });  
        });  
        // attach handler to form's submit event  
        $('#myFormId').submit(function() {      
         // submit the form      
         $(this).ajaxSubmit();      
         // return false to prevent normal browser submit and page navigation      
         return false;  
        }); 
     
 
 
    
    Name:  
    Comment: