推薦閱讀:Javascript的表單驗證長度
JavaScript 可用來在資料被送到伺服器前對 HTML 表單中的這些輸入資料進行驗證。
表單提交前要檢查資料的合法性
在要對表單裡的資料進行驗證的時候,可以利用getElementById()來存取網頁上任何一個元素
每個表單域都有一個form對象,可傳給任何驗證表單資料的函數
1 2 3 4 5 6 |
|
利用name屬性或getElementById()方法都可以完成對元素的取得
檢查表單資料的時機,取決於選擇正確的使用者輸入事件去處理。
也就是說,當使用者輸入資料後立即對資料驗證。
使用者在輸入資料時的順序是:
選擇輸入域
在域裡輸入資料
離開該域,移往下個目標
選擇下個目標域
在域裡輸入資料
在這個過程中,會激發一系列的事件,利用這些事件,可以找到對資料驗證的時機
1) 選取輸入域時 –激發onfocus事件(焦點)
2) 離開輸入域時 –激發onblur事件(離開焦點)
3) 離開該網域並且輸入內容改變時 –激發onchange事件
最正確的選擇是在激發onblur事件時去對資料進行驗證
驗證的第一步:檢查域不為空
1 |
|
呼叫validateNonEmpty來回應onblur事件
表單物件使用關鍵字this被傳至函數
以下是驗證函數
1 2 3 4 5 6 7 8 9 |
|
在網頁表單提交的時候,一定要對使用者輸入的資料進行驗證
在要對表單裡的資料進行驗證的時候,可以利用getElementById()來存取網頁上任何一個元素
以上內容是針對Javascript的表單與驗證-非空驗證的完整敘述,希望對大家有幫助!