jquery表單插件 jquery.form.js
[JQuery架構應用]：form.js官方插件介紹
Form插件，支援Ajax，支援Ajax檔案上傳，功能強大，基本滿足日常應用。
1、JQuery架構軟體包下載下傳
檔案: jquery.rar 大小: 29KB 下載下傳: 下載下傳
2、Form插件下載下傳
檔案: jquery.form.rar 大小: 7KB 下載下傳: 下載下傳
3、Form插件的簡單入門
第一步：先增加一個表單
<form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
第二步：jquery.js和form.js檔案的包含
<head>
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/form.js"></script>
<script type="text/javascript">
// 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!");
});
});
</script>
</head>
3、Form插件的詳細使用方法及應用執行個體
http://www.malsup.com/jquery/form/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
該插件的作者在介紹form.js時，說了這樣的一句話：
Submitting a form with AJAX doesn't get any easier than this!
表單插件API
英文原文：http://www.malsup.com/jquery/form/#api
表單插件API提供了幾個方法，讓你輕松管理表單資料和進行表單送出。
ajaxForm
增 加所有需要的事件監聽器，為AJAX送出表單做好準備。ajaxForm不能送出表單。在document的ready函數中，使用ajaxForm來 為AJAX送出表單進行準備。ajaxForm接受0個或1個參數。這個單個的參數既可以是一個回調函數，也可以是一個Options對象。
可連結（Chainable）：可以。
執行個體：
$('#myFormId').ajaxForm();
ajaxSubmit
馬上由AJAX來送出表單。大多數情況下，都是調用ajaxSubmit來對使用者送出表單進行響應。ajaxSubmit接受0個或1個參數。這個單個的參數既可以是一個回調函數，也可以是一個Options對象。
可連結（Chainable）：可以。
// 綁定表單送出事件處理器
$('#myFormId').submit(function() {
// 送出表單
$(this).ajaxSubmit();
// 為了防止普通浏覽器進行表單送出和産生頁面導航（防止頁面重新整理？）傳回false
return false;
});
formSerialize
将表單串行化（或序列化）成一個查詢字元串。這個方法将傳回以下格式的字元串：name1=value1&name2=value2。
可連結（Chainable）：不能， 這個方法傳回一個字元串。
var queryString = $('#myFormId').formSerialize();
// 現在可以使用$.get、$.post、$.ajax等來送出資料
$.post('myscript.php', queryString);
fieldSerialize
将表單的字段元素串行化（或序列化）成一個查詢字元串。當隻有部分表單字段需要進行串行化（或序列化）時，這個就友善了。這個方法将傳回以下格式的字元串：name1=value1&name2=value2。
可連結（Chainable）：不能，這個方法傳回一個字元串。
var queryString = $('#myFormId .specialFields').fieldSerialize();
fieldValue
傳回比對插入數組中的表單元素值。從0.91版起，該方法将總是以數組的形式傳回資料。如果元素值被判定可能無效，則數組為空，否則它将包含一個或多于一個的元素值。
可連結（Chainable）：不能，該方法傳回數組。
// 取得密碼輸入值
var value = $('#myFormId :password').fieldValue();
alert('The password is: ' + value[0]);
resetForm
通過調用表單元素原有的DOM方法，将表單恢複到初始狀态。
$('#myFormId').resetForm();
clearForm
清除表單元素。該方法将所有的文本（text）輸入字段、密碼（password）輸入字段和文本區域（textarea）字段置空，清除任何select元素中的標明，以及将所有的單選（radio）按鈕和多選（checkbox）按鈕重置為非標明狀态。
$('#myFormId').clearForm();
clearFields
清除字段元素。隻有部分表單元素需要清除時才友善使用。
$('#myFormId .specialFields').clearFields();
注意：Options對象還可以用來将值傳遞給jQuery的$.ajax方法。如果你熟悉$.ajax所支援的options，你可以利用它們來将Options對象傳遞給ajaxForm和ajaxSubmit。
![SpringMVC(六) | 前後端互動之ajax與jsonjsonajax[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)