jQuery Form插件是一款非常方便的數(shù)據(jù)表單處理工具,它能夠?qū)崿F(xiàn)AJAX提交表單、文件上傳以及表單驗證等多種功能。下面我們將通過介紹常見的幾個API來學習如何使用jQuery Form。
$(document).ready(function(){ $('#myForm').ajaxForm(function(data){ alert(data); }); });
上面是一個使用Ajax Form API的例子,其中'#myForm'是表單ID,函數(shù)ajaxForm是將表單轉(zhuǎn)換成AJAX模式的函數(shù)。表單提交成功后,會調(diào)用ajaxForm內(nèi)部的function(data)函數(shù)。在這個例子中,function函數(shù)輸出了一個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ī)定表單上傳成功時執(zhí)行的函數(shù),而error規(guī)定表單上傳出錯時執(zhí)行的函數(shù)。
$(document).ready(function(){ $('#myForm').validationEngine(); });
validationEngine是一個驗證表單數(shù)據(jù)的API,可以使用它來創(chuàng)建表單驗證規(guī)則。上面的例子就規(guī)定了一個驗證引擎。如果想要更具體的驗證,請使用其它參數(shù)。