文章目錄
- 十二、表單驗證技術
- 12.1 表單驗證概述
- 12.2 表單驗證方式
- 12.2.1 編程式表單驗證(基本不用)
- 12.2.2 正則運算式表單驗證
- 12.2.2.1 正則運算式元字符
- 12.2.2.2 正則運算式限定符
- 12.3 JS 中常用事件
- 12.4 常用函式
十二、表單驗證技術
12.1 表單驗證概述
<1> 表單驗證指在客戶端中對用戶輸入的資料進行有效性(合法性)檢測;檢測不通過不讓提交給服務端；檢測通過后才讓資料提交給服務端以這種方式來降低服務端的壓力;
<2> 有效性主要指：
- 是否為空；
- 格式檢測；
- 自定義內容檢測(長度，非法字符檢測,多次輸入一致性檢測)；
- 表單驗證使用 onsubmit 事件進行操作，當點擊表單提交按鈕時會先執行 onsubmit 事件中的函式，如果該函式回傳 true 則表示驗證通過，執行 action(提交表單)；如果該函式回傳 false 則表示驗證失敗，不執行 action(不提交表單)，
12.2 表單驗證方式
12.2.1 編程式表單驗證(基本不用)
通過編程程式邏輯的方式對表單中的資料進行驗證，這種驗證方式不夠嚴謹，容易出錯，撰寫麻煩，
12.2.2 正則運算式表單驗證
正則運算式是通過一些具有特殊意義的字符組成的一系列驗證規則來進行表單驗證，正則運算式的特點：語法簡潔，沒有任何邏輯，更加嚴謹，
12.2.2.1 正則運算式元字符
12.2.2.2 正則運算式限定符
正則運算式的寫法:
Var reg = /^張三$/;
第一個”/”表示正則運算式開始
最后一個”/”表示正則運算式結束
“^”表示字串開始
“$”表示字串結束
12.3 JS 中常用事件
- Onclick:滑鼠單擊事件；
- Onmouseover:滑鼠懸浮事件；
- Onmouseout:滑鼠離開事件；
- Onload:頁面加載事件；
- Onsubmit:表單提交事件；
- Onblur:失去焦點事件；
- Onfocus:獲得焦點事件，
12.4 常用函式
- setTimeout(函式，事件)：延時器，該函式會自動暫定指定的時間(毫秒),時間到達后自動執行指定的函式；
- setInterval(函式，時間)：定時器，該函式每個指定的時間(毫秒)之間一次指定的函式；
- trim()：截取字串兩端空白符，
注意:JS 中使用樣式表的方式
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/278488.html
標籤：其他