jQuery Form插件是一款非常方便的數(shù)據(jù)表單處理工具，它能夠?qū)崿F(xiàn)AJAX提交表單、文件上傳以及表單驗(yàn)證等多種功能。下面我們將通過(guò)介紹常見(jiàn)的幾個(gè)API來(lái)學(xué)習(xí)如何使用jQuery Form。

$(document).ready(function(){
　　$('#myForm').ajaxForm(function(data){
　　　　alert(data);
　　});
});

上面是一個(gè)使用Ajax Form API的例子，其中'#myForm'是表單ID，函數(shù)ajaxForm是將表單轉(zhuǎn)換成AJAX模式的函數(shù)。表單提交成功后，會(huì)調(diào)用ajaxForm內(nèi)部的function(data)函數(shù)。在這個(gè)例子中，function函數(shù)輸出了一個(gè)Alert信息。

$(document).ready(function(){
　　$('#myForm').ajaxSubmit({
　　　　beforeSubmit: function(){
　　　　　　alert("Before Submitting!");
　　　　},
　　　　success: function(data){
　　　　　　alert("Submit Successfully!");
　　　　},
　　　　error: function(data){
　　　　　　alert("Submit Failed!");
　　　　}
　　});
});

上面的例子中，函數(shù)ajaxSubmit規(guī)定表單上傳順序。beforeSubmit規(guī)定在表單提交之前執(zhí)行的函數(shù)，success規(guī)定表單上傳成功時(shí)執(zhí)行的函數(shù)，而error規(guī)定表單上傳出錯(cuò)時(shí)執(zhí)行的函數(shù)。

$(document).ready(function(){
　　$('#myForm').validationEngine();
});

validationEngine是一個(gè)驗(yàn)證表單數(shù)據(jù)的API，可以使用它來(lái)創(chuàng)建表單驗(yàn)證規(guī)則。上面的例子就規(guī)定了一個(gè)驗(yàn)證引擎。如果想要更具體的驗(yàn)證，請(qǐng)使用其它參數(shù)。