JavaScript表單驗證的相關事件
1. 表單元素:
a) Input標籤:文字框(text)—密碼框(password)—單選—複選框—檔案—影象—隱藏—按鈕—提交—重置,表單元素都在input標籤
b) 文字框元素:將 HTML 的 INPUT 標籤中的 type 設定為“text”或“password”,以建立文字框元素
i. 屬性:readonly
ii. 方法:focus(),select(),選中文字內容,突出顯示輸入區域
iii. 事件:
- 1. onBlur文字框失去焦點
- 2. onChange文字框的值被修改
- 3. onFocus游標進入文字框中
c) 命令按鈕元素:將 HTML 的 INPUT 標籤中的 type 設定為“button”或“submit”或”reset“,建立普通按鈕、提交按鈕、重置按鈕。
i. 屬性:name,value
ii. 事件:
- onClick 按鈕單擊
- 2. onSubmit 表單提交事件,單擊“提交”按鈕時產生,此事件屬於<FORM>元素,不屬於提交按鈕
- onSubmit事件處理程式碼:<FORM onSubmit=”return 呼叫函式名”>…</FORM>如果函式返回true,則向遠端伺服器提交表單; 如果函式返回false,則取消提交。
d) 複選框元素:將 HTML 的 INPUT 標籤中的 type 設定為“checkbox”,建立複選框列表
- 屬性:value,checked,name
- 事件:onClick,onFocus,onBlur
e) 單選按鈕元素:將 HTML 的 INPUT 標籤中的 type 設定為“radio”
i. 屬性:value,checked,name
ii. 事件:onClick,onFocus,onBlur
f) 下拉列表元素:新增select標籤,列表中包含的選項用OPTION標籤
i. 屬性:name, OPTION標籤中的值用value
ii. 事件:onchange