jquery.form.js免費(fèi)版是一個(gè)功能強(qiáng)大的jQuery特效制作小插件。jquery.form.js免費(fèi)版使用起來(lái)十分的方便。jquery.form.js是一款jquery插件，通過(guò)該插件，我們可以非常簡(jiǎn)單的實(shí)現(xiàn)表單的異步提交，并實(shí)現(xiàn)文件上傳、進(jìn)度條顯示等等。

jquery.form.js基本簡(jiǎn)介

jquery.form.js是form插件，jquery.form.js免費(fèi)版支持ajax表單提交和ajax文件上傳。
該框架集form提交、驗(yàn)證和上傳功能于一體。
該框架應(yīng)與jquery完整版結(jié)合，否則使用min無(wú)效。
原理:使用js將form組裝成ajax的url和data，原理由ajax提交，實(shí)際上完全可以自己寫(xiě)，但有這個(gè)框架可能更簡(jiǎn)單。
jQuery.form.js是form插件，支持ajax表單提交和ajax文件上傳。下載地址APIajaxForm，增加所有必要的事件監(jiān)聽(tīng)器，為ajax提交表格做準(zhǔn)備。ajaxForm不能提交表格。
在一個(gè)頁(yè)面上使用一個(gè)表格，但根據(jù)情況向不同的地址提交處理，即同一個(gè)表格有多個(gè)提交，或者一個(gè)表格提交不同的參數(shù)值。
必須引入jquery(或js)文件。
最好將jquery(或js)的代碼放在表格下面，以確保通過(guò)id獲得元素。

jquery.form.js使用方法：

一、jQuery.Form.js 插件的作用是實(shí)現(xiàn)Ajax提交表單。

　　方法：

　　1.formSerilize()　　用于序列化表單中的數(shù)據(jù)，并將其自動(dòng)整理成適合AJAX異步請(qǐng)求的URL地址格式。

　　2.clearForm()　　　清除表單中所有輸入值的內(nèi)容。

　　3.restForm　　　　重置表單中所有的字段內(nèi)容。即將所有表單中的字段恢復(fù)到頁(yè)面加載時(shí)的默認(rèn)值。

　　疑問(wèn)：ajaxForm()與ajaxSubmit()的區(qū)別：

　　答案：$("#form1").ajaxForm();　　相當(dāng)于以下兩行：

　　　　　$("#form1".submit)(function(){

　　　　 　　  $("#form1").ajaxSubmit();

　　　　　　　return false;

　　　　   })　　//也就是說(shuō)ajaxFrom()會(huì)自動(dòng)阻止表單提交。而ajaxSubmit()不會(huì)自動(dòng)阻止表單提交，想阻止表單提交，要自己return false;

 　　技巧1：如果希望表單提交完成后不跳轉(zhuǎn)，那么一行簡(jiǎn)單的代碼就能夠?qū)崿F(xiàn)，幾乎與不使用表單提交是一樣的:

　　$("#MailForm").ajaxSubmit(function(message) {
　　　　alert("表單提交已成功!");
　　});

　　　　　注意:ajaxForm()與ajaxForm()都可以沒(méi)有參數(shù)或者接受1個(gè)參數(shù)。該參數(shù)既可以是一個(gè)回調(diào)函數(shù)，也可以是一個(gè)options對(duì)象。該對(duì)象功能非常強(qiáng)大，說(shuō)明如下:

　　　　　var options={

　　　　　　  url:url,　　　　　　//form提交數(shù)據(jù)的地址

　　　　　　  type:type,　　　  //form提交的方式(method:post/get)

　　　　　　  target:target,　　//服務(wù)器返回的響應(yīng)數(shù)據(jù)顯示在元素(Id)號(hào)確定

　　　　　　  beforeSubmit:function(),　　//提交前執(zhí)行的回調(diào)函數(shù)

　　　　　　  success:function(),　　　　   //提交成功后執(zhí)行的回調(diào)函數(shù)

　　　　　　  dataType:null,　　　　　　　//服務(wù)器返回?cái)?shù)據(jù)類型

　　　　　　  clearForm:true,　　　　　　 //提交成功后是否清空表單中的字段值

　　　　　　  restForm:true,　　　　　　  //提交成功后是否重置表單中的字段值，即恢復(fù)到頁(yè)面加載時(shí)的狀態(tài)

　　　　　　  timeout:6000 　　　　　 　 //設(shè)置請(qǐng)求時(shí)間，超過(guò)該時(shí)間后，自動(dòng)退出請(qǐng)求，單位(毫秒)?！　　　　　?nbsp;

　　　　　}

例子：

頁(yè)面js代碼：

后臺(tái):indexAjax.aspx.cs代碼