最近在專案全面使用 jQuery 來整合後台部份，目前還沒有大量用到 AJAX 的部份，等以後有時間會全部轉換 AJAX 利用 JSON 的部份，其實之前就有寫到一篇用 datatype JSON 的方式來實現 AJAX：[jQuery] AJAX 學習筆記 (一) 如何使用 JSON 驗證使用者表單，大家可以參考看看，不過今天大概寫一下昨天在實做驗證表單取值的一些心得，在設計後台的時候，我把編輯文章跟新增文章的功\能做在同一塊，然後利用 jQuery 去改變傳值狀態，利用 hidden 的 mode 欄位來決定是要新增文章還是修改文章
$(document).ready(function()
{
$("#add_news_link").click(function(){
$("#mode").attr("value", "add");
});
})
這個時候，就把要傳送的狀態改成 add 了，不過編輯文章的資料都還留在也面上面，所以必須把很多欄位都清空，例如 text password textarea checkbox radio select 這些欄位全部都歸零，透過 jQuery 針對 Form 的 id 值，尋找 input 欄位資訊，可以參考 jQuery Doc 的 Form Selectors 的文件，裡面提到，如果要找尋全部都欄位，就可以利用
或者是：
/* 前者 */
$(\'input:radio\', myForm)
這還可以寫成
/* 後者 */
$(\'input[@type=radio]\')
如果您的表單非常的大，建議可用前者，速度上面會比較快喔，所以針對整個 Form Selectors 的方式寫了一個 function 來掃全部欄位：
$("#news_form :input").each(
function(){
switch($(this).attr(\'type\')){
case \'radio\':
/* 取消所有選取 */
$(this).attr("checked", false);
case \'checkbox\':
/* 取消所有選取 */
$(this).attr("checked", false);
break;
case \'select-one\':
/* 把 select 元件都歸到選第一項 */
$(this)[0].selectedIndex = 0;
break;
case \'text\':
/* 清空 text 來欄位 */
$(this).attr("value", "");
break;
case \'password\':
/* 清空 password 來欄位 */
$(this).attr("value", "");
case \'hidden\':
/*
* 不清空 hidden，通常保純此欄位
*/
case \'textarea\':
/* 清空 textarea 來欄位 */
$(this).attr("value", "");
break;
}
});
這樣就可以清空所有欄位，不過在網路上找到更方便的 jQuery Form Plugin，這個外掛可以利用一行程式，取代掉上面的程式碼：
$(\'#news_form\').clearForm();
我去看了一下程式碼，寫法就跟我差不多
if (t == \'text\' || t == \'password\' || tag == \'textarea\')
this.value = \'\';
else if (t == \'checkbox\' || t == \'radio\')
this.checked = false;
else if (tag == \'select\')
this.selectedIndex =
|
