1. 程式人生 > >JavaScript表單驗證的相關事件

JavaScript表單驗證的相關事件

1.  表單元素:

a)         Input標籤:文字框(text)—密碼框(password)—單選—複選框—檔案—影象—隱藏—按鈕—提交—重置,表單元素都在input標籤

b)         文字框元素:將 HTML 的 INPUT 標籤中的 type 設定為“text”或“password”,以建立文字框元素

                         i.              屬性:readonly

、value、name

                       ii.              方法:focus(),select(),選中文字內容,突出顯示輸入區域

                      iii.              事件:

  1. 1.         onBlur文字框失去焦點
  2. 2.         onChange文字框的值被修改
  3. 3.         onFocus游標進入文字框中

c)         命令按鈕元素:將 HTML 的 INPUT 標籤中的 type 設定為“button”或“submit”或”reset“,建立普通按鈕、提交按鈕、重置按鈕。

                         i.              屬性:name,value

                       ii.              事件:

  1. onClick 按鈕單擊
  2. 2.         onSubmit  表單提交事件,單擊“提交”按鈕時產生,此事件屬於<FORM>元素,不屬於提交按鈕
  • onSubmit事件處理程式碼:<FORM  onSubmit=”return 呼叫函式名”>…</FORM>如果函式返回true,則向遠端伺服器提交表單; 如果函式返回false,則取消提交。

d)         複選框元素:將 HTML 的 INPUT 標籤中的 type 設定為“checkbox”,建立複選框列表

  1. 屬性:value,checked,name
  2. 事件: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