客戶(hù)端驗(yàn)證用戶(hù)名和密碼的方法詳解
1.概述
在動(dòng)態(tài)網(wǎng)站的用戶(hù)注冊(cè)頁(yè)面中,經(jīng)常需要對(duì)用戶(hù)輸入的用戶(hù)名和密碼的位數(shù)及成員組成進(jìn)行判斷,這樣可以規(guī)范用戶(hù)的注冊(cè)信息。例如本實(shí)例,要求用戶(hù)名由3-10位的字母、數(shù)字和下劃線組成,密碼由6-20位的字母、數(shù)字、下劃線和點(diǎn)“.”組成并且首字符為字母,這時(shí)就需要對(duì)用戶(hù)的輸入進(jìn)行判斷,因此筆者編寫(xiě)了兩個(gè)函數(shù),分別用于驗(yàn)證用戶(hù)輸入的用戶(hù)名和密碼是否合法。
2.技術(shù)要點(diǎn)
驗(yàn)證用戶(hù)名是否由3-10位的字母、數(shù)字和下劃線組成的正則表達(dá)式如下:
/^(\w){3,10}$/
驗(yàn)證密碼是否由6-20位的字母、數(shù)字、下劃線和點(diǎn)“.”組成的正則表達(dá)式如下:
/^[A-Za-z]{1}([A-Za-z0-9]|[._]){5,19}$/
3.具體實(shí)現(xiàn)代碼
(1)使用JavaScript編寫(xiě)一個(gè)用于驗(yàn)證用戶(hù)名是否合法的函數(shù)checkeusername (),該函數(shù)只有一個(gè)參數(shù)username,用于獲取輸入的用戶(hù)名,返回值為true或false。代碼如下:
<script language="javascript"> function checkeusername(username){ var str=username; //在JavaScript中,正則表達(dá)式只能使用"/"開(kāi)頭和結(jié)束,不能使用雙引號(hào) var Expression=/^(\w){3,10}$/; var objExp=new RegExp(Expression); //創(chuàng)建正則表達(dá)式對(duì)象 if(objExp.test(str)==true){ //通過(guò)正則表達(dá)式驗(yàn)證 return true; }else{ return false; } } </script>
(2)使用JavaScript編寫(xiě)一個(gè)用于驗(yàn)證密碼是否合法的函數(shù)checkePWD(),該函數(shù)只有一個(gè)參數(shù)PWD,用于獲取輸入的密碼,返回值為true或false。代碼如下:
<script language="javascript"> function checkePWD(PWD){ var str=PWD; //在JavaScript中,正則表達(dá)式只能使用"/"開(kāi)頭和結(jié)束,不能使用雙引號(hào) var Expression=/^[A-Za-z]{1}([A-Za-z0-9]|[._]){5,19}$/; var objExp=new RegExp(Expression); //創(chuàng)建正則表達(dá)式對(duì)象 if(objExp.test(str)==true){ //通過(guò)正則表達(dá)式驗(yàn)證 return true; }else{ return false; } } </script>
(3)調(diào)用checkeusername()函數(shù)和checkePWD()函數(shù)分別判斷用戶(hù)輸入的用戶(hù)名和密碼是否合法,如果不合法,將給予提示信息。關(guān)鍵代碼如下:
<script language="javascript"> function check(myform){ if(myform.username.value==""){ alert("請(qǐng)輸入用戶(hù)名!");myform.username.focus();return; } if(!checkeusername(myform.username.value)){ alert("您輸入的用戶(hù)名不合法!");myform.username.focus();return; } if(myform.PWD.value==""){ alert("請(qǐng)輸入密碼!");myform.PWD.focus();return; } if(!checkePWD(myform.PWD.value)){ alert("您輸入的密碼不合法!");myform.PWD.focus();return; } if(myform.PWD1.value==""){ alert("請(qǐng)確認(rèn)密碼!");myform.PWD1.focus();return; } if(myform.PWD1.value!=myform.PWD.value){ alert("您兩次輸入的密碼不一致,請(qǐng)重新輸入!");myform.PWD.focus();return; } myform.submit(); } </script>
以上所述是小編給大家介紹的客戶(hù)端驗(yàn)證用戶(hù)名和密碼的相關(guān)知識(shí),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript不同類(lèi)型數(shù)據(jù)之間的運(yùn)算的轉(zhuǎn)換方法
這篇文章主要介紹了javascript不同類(lèi)型數(shù)據(jù)之間的運(yùn)算的轉(zhuǎn)換方法,需要的朋友可以參考下2014-02-02一個(gè)網(wǎng)頁(yè)標(biāo)題title的閃動(dòng)提示效果實(shí)現(xiàn)思路
通過(guò)網(wǎng)頁(yè)title來(lái)提示用戶(hù)有新消息這個(gè)功能很常見(jiàn),下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-03-03讓IDE識(shí)別webpack的別名alias的實(shí)現(xiàn)方法
這篇文章主要介紹了讓IDE識(shí)別webpack的別名alias的實(shí)現(xiàn)方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05學(xué)習(xí)javascript的閉包,原型,和匿名函數(shù)之旅
Javascript中有幾個(gè)非常重要的語(yǔ)言特性——對(duì)象、原型繼承、閉包。其中閉包 對(duì)于那些使用傳統(tǒng)靜態(tài)語(yǔ)言C/C++的程序員來(lái)說(shuō)是一個(gè)新的語(yǔ)言特性,本文給大家介紹js的閉包,原型,和匿名函數(shù)之旅,感興趣的朋友一起學(xué)習(xí)吧2015-10-10

JS加jquery簡(jiǎn)單實(shí)現(xiàn)標(biāo)簽元素的顯示或隱藏