JavaScript筆記之表單處理
- 高洛峰原創
- 2016-11-26 09:53:301059瀏覽
如果需要從Web站點的使用者收集信息，那麼就需要使用表單。
表單可包含大多數常見的圖形介面元素，包括輸入欄位、單選按鈕、核取方塊、彈出式功能表和輸入清單。另外，HTML表單可以包含密碼字段，這種控制項會隱藏使用者的輸入以免被別人偷看。
填寫表格後，點選選單上的Submit按鈕將表單的資訊傳送至Web伺服器，在伺服器上CGI程式（Common Gateway Interface，它是在Web伺服器上執行的腳本）會解釋並操作這些資料。然後，常常將資料儲存在資料庫中以供日後使用。在伺服器端使用資料之前，需要確保使用者輸入的資料是準確（正確）的格式。
JavaScript是檢查資料的好方法，此技巧稱為表單驗證（form validation）。儘管CGI可以完成驗證（而且應該作為預防措施，因為有些用戶會在瀏覽器中關閉JavaScript功能），但是在客戶機用JavaScript進行驗證要快得多，而且用戶操作的效率也更高。
關於表單一些概括：
取得表單
[javascript]
var form=document.forms["form1"];
var form=document.fors[0];
form物件事件
onsubmit在表單提交之前觸發
onreset在表單被重置之前觸發
引用表單元素
[javascript]
var element=tForm.elements[idex];
varelement=tForm.
遍歷一個表單中的所有表單域
[javascript]
for(var i=0;i
}
）讀(不可用)表單域
element.disabled=true;
element.disabled=false;
2)取得表單域的值
value
fo )表單域失去焦點：blur()
表單域的通用事件
onFocus：獲得焦點時，產生該事件
onBlur：失去焦點時，產生該事件
onselect：文字被加亮顯示後（選擇），產生該文件
onchange：表單域的值改變時
onclick:鍵盤單擊
onkeydown:鍵盤按下
onkeyup:鍵盤鬆開
onkeypress:鍵盤按下鬆開
onmouseover:鼠標移上
onmouseout:鼠標移出
onmousedown :滑鼠按下
onmouseup:滑鼠放開
文字域、複選框、單選按鈕、下拉列錶框、表單驗證等。
動態地改變選單
常常需要透過彈出式選單提供使用者輸入的機會，且希望根據使用者在另一個彈出式功能表中所作的選擇，而改變一個或多個快閃選單內容，以下列範例則是用來選擇月份，即依據所選月份選取月份的天數，填入第二個彈出式選單：
[html]