PHP網(wǎng)站開發(fā)項(xiàng)目式教程（微課版）（第2版）任務(wù)10 判斷注冊(cè)界面的密碼強(qiáng)弱

PHP網(wǎng)站開發(fā)項(xiàng)目式教程（微課版）（第2版）任務(wù)10

判斷注冊(cè)界面的密碼強(qiáng)弱

密碼的強(qiáng)弱程度與輸入的密碼字符串的長度并不成正比，而是根據(jù)密碼字符串中包含的字符種類多少來確定密碼的強(qiáng)弱。對(duì)密碼強(qiáng)弱進(jìn)行判斷，是指輸入密碼并使光標(biāo)離開“密碼”文本框之后，由系統(tǒng)調(diào)用指定的JavaScript函數(shù)來完成判斷。

任務(wù)5實(shí)現(xiàn)注冊(cè)界面輸入密碼時(shí)，可以包含的字符有數(shù)字0～9、大寫英文字母A～Z、小寫英文字母a～z和特殊字符!@、#、$、%、^&、*共4種。

密碼強(qiáng)弱的判斷結(jié)果通常包含弱、中、強(qiáng)3種情況，可根據(jù)上述4種類型的字符確定密碼強(qiáng)弱。若是密碼字符只包含上面4種字符中的一種，則認(rèn)定為弱；若是包含上面4種字符中的任意2種或3種字符，則認(rèn)定為中；若是包含4種字符，則認(rèn)定為強(qiáng)。

密碼強(qiáng)弱的判斷結(jié)果需要在“密碼”文本框右側(cè)或下方顯示出來以提示用戶，此處是將結(jié)果顯示在“密碼”文本框下方。例如，用戶輸入的密碼為Sz*123，其中包含大寫字母、小寫字母、特殊字符和數(shù)字字符共4種字符，所以判斷為強(qiáng)，效果如圖10-1所示。圖10-1

密碼字符數(shù)符合要求的運(yùn)行效果任務(wù)10-1創(chuàng)建新的注冊(cè)頁面

需要解決的核心問題設(shè)置密碼時(shí)關(guān)于密碼強(qiáng)弱的提示信息如何定義？1．樣式代碼2．頁面內(nèi)容代碼任務(wù)10-2判斷密碼強(qiáng)弱

需要解決的核心問題如何確定密碼字符串中包含幾種字符？1．密碼強(qiáng)弱判斷要求

初始狀態(tài)時(shí)，顯示的與密碼相關(guān)的內(nèi)容如圖10-2所示。

判斷并顯示輸入密碼的強(qiáng)弱，可定義函數(shù)psdQr()來實(shí)現(xiàn)，無論輸入的密碼字符數(shù)是否符合要求，只要光標(biāo)離開密碼框<inputname="psd1"type="password"id="psd1"…/>，系統(tǒng)都會(huì)調(diào)用函數(shù)psdQr()顯示當(dāng)前密碼的強(qiáng)弱信息，如圖10-1所示。

當(dāng)用戶重新將光標(biāo)定位到密碼框<inputname="psd1"type="

password"id="psd1"…/>中時(shí)，需要調(diào)用函數(shù)psd1Focus()，將圖10-1中顯示的密碼強(qiáng)弱信息隱藏，顯示效果恢復(fù)為圖10-2所示的初始狀態(tài)內(nèi)容。圖10-2

初始狀態(tài)時(shí)顯示的與密碼相關(guān)的信息2．函數(shù)psd1Focus()的定義與調(diào)用3．密碼強(qiáng)弱的判斷

函數(shù)調(diào)用：

當(dāng)用戶使光標(biāo)離開“密碼”文本框時(shí)會(huì)調(diào)用函數(shù)psdQr()，此時(shí)觸發(fā)的是“密碼”文本框的blur事件，所以需要在生成“密碼”文本框的標(biāo)簽中使用代碼onblur="psdQr();"來完成函數(shù)調(diào)用。小結(jié)

本任務(wù)介紹了使用JavaScript中的正則表達(dá)式對(duì)密碼的強(qiáng)弱進(jìn)行判斷，