第五章 表單驗證

2022-07-25 10:24:20 字數 2889 閱讀 9034

1.為什麼要表單驗證:

減輕伺服器壓力

節省時間,提高使用者體驗

2.常用的表單驗證的方法:

(1)非空驗證:if(mail=="")

(2)長度驗證:if(pwd.length<6)

(3)判斷字串是否存在:if(mail.indexof("@")==-1)

(4)判斷字串是否有數字使用for迴圈和substring()方法一次截斷單個字元

在判斷每個字元是否是數字

for(var i=0;i3.表單驗證中常用的事件和方法:

(1)事件:

onblur() 失去焦點,當游標離開某個文字框時觸發

onfocus() 獲取焦點,當游標進入某個文字框時觸發

(2)方法:

blur() 從文字域中移開焦點

focus() 在文字域中設定焦點,即獲得滑鼠游標

select() 獲取文字域中的內容,突出顯示輸入區域的內容

**********====表單選擇器********************=== 

:input 匹配所有input,textarea,select和button元素

:text 匹配所有單行文字框

:password 匹配所有密碼框

:radio 匹配所有單項按鈕

:checkbox 匹配所有核取方塊

:submit 匹配所有提交按鈕

:image 匹配所有影象域

:reset 匹配所有重置按鈕

:button 匹配所有按鈕

:file 匹配所有檔案域

:hidden 匹配所有不可見元素,或者type 為hidden的元素

***************===正規表示式***************==== 

4.為什麼需要正規表示式:

**更簡潔

更加規範和嚴謹

5.定義這個表示式的兩種方式:

(1)普通方式:

var reg=/表示式/附加引數

(2)建構函式:

var reg=new regexp("表示式","附加引數")

6.正規表示式的表達模式:

簡單模式:只能表示具體的匹配

復合模式:可以使用萬用字元表達更為抽象的模式

7.regexp物件的方法:

exec 檢索字元中是正規表示式的匹配,返回找到的值,並確定其位置

test 檢索字串中指定的值,返回true或false

8.regexp物件的屬性:

global regexp物件是否具有標誌g

ignorecase regexp物件是否具有標誌i

multiline regexp物件是否具有標誌m

9.string物件的方法:

match 找到乙個或多個正規表示式的匹配

search 檢索與正規表示式相匹配的值

replace 替換與正規表示式匹配的字串

split 把字串分割為字串陣列

10.正規表示式的符號:

/../ 代表乙個模式的開始和結束

^ 匹配字串的開始

$ 匹配字串的結束

[a-z] 字元範圍。匹配指定範圍內的任意字元。

[^a-z] 負值字元範圍。匹配任何不在指定範圍內的任意字元。

匹配前一項n次

匹配前一項n次,或者多次

匹配前一項至少n次,但是不能超過m次

* 匹配前一項0次或多次,等價於

+ 匹配前一項0次或多次,等價於

? 匹配前一項0次或1次,也就是說前一項是可選的,等價於

\s 匹配任何空白字元,包括空格、製表符、換頁符等等。

\s 任何非空白字元

\d 匹配乙個數字字元,等價於[0-9]

\d 除了數字之外的任何字元,等價於[^0-9]

\w 匹配乙個數字,下劃線或字母字元,等價於[a-za-z]

\w 任何非單子字元,等價於[^a-za-z0-9]

\b 匹配乙個單詞邊界,也就是指單詞和空格間的位置。

\f 匹配乙個換頁符。 

\n 匹配乙個換行符。

\r 匹配乙個回車符。 

\t 匹配乙個製表符。 

\v 匹配乙個垂直製表符。

\num 匹配 num,其中 num 是乙個正整數。

\. 匹配小數點(.)本身

. 小數點可以匹配除了換行符(\n)以外的任意乙個字元

| 左右兩邊表示式之間 "或" 關係。

( ) 標記乙個子表示式的開始和結束位置。

[ ] 用來自定義能夠匹配 '多種字元' 的表示式。使用 "\[" 和 "\]"

修飾匹配次數的符號。要匹配大括號,請使用 "\"

11.常用正規表示式

只能輸入數字:"^[0-9]*$"。

只能輸入n位的數字:"^\d$"。

只能輸入至少n位的數字:"^\d$"。

只能輸入m~n位的數字:"^\d$" 。

只能輸入零和非零開頭的數字:"^(0|[1-9][0-9]*)$"。

只能輸入有兩位小數的正實數:"^[0-9]+(.[0-9])?$"。

只能輸入有1~3位小數的正實數:"^[0-9]+(.[0-9])?$"。

只能輸入非零的正整數:"^\+?[1-9][0-9]*$"。

只能輸入非零的負整數:"^\-[1-9]0-9"*$。

只能輸入長度為3的字元:"^.$"。

只能輸入由26個英文本母組成的字串:"^[a-za-z]+$"。

只能輸入由26個大寫英文本母組成的字串:"^[a-z]+$"。

只能輸入由26個小寫英文本母組成的字串:"^[a-z]+$"。

只能輸入由數字和26個英文本母組成的字串:"^[a-za-z0-9]+$"。

只能輸入由數字、26個英文本母或者下劃線組成的字串:"^\w+$"。

第五章 許可權驗證

源 github 許可權驗證過程中,如何判斷所有過程是乙個難點,少判斷乙個過程,那麼這個驗證就不完整。本節主要介紹了在這個demo中使用的驗證原理以及過程 在上一章中說道驗證過程主要是依賴mvc的controller和action,通過attribute採集資訊。在mvc中,新增iauthoriza...

python第五章 Python學習(第五章)

記錄所有的名片字典 card list defshow menu 顯示資訊 print 50 print 歡迎使用 名片管理系統 v1.0 print print 1.新增名片 print 2.顯示全部 print 3.搜尋名片 print print 0.退出系統 print 50 defnew ...

第五章 雜湊

雜湊表adt,只支援二叉樹查詢所允許的一部分操作。比如插入,刪除,查詢等。那些需要元素間排序資訊的操作將不會得到支援。比如findmin,findmax和線性時間按排序順序列印整個表的操作時不支援的。雜湊函式在理想狀態是能將任何兩個不同的關鍵字對映到不同的單元,但是這是不可能,因為關鍵字是無窮的,但...