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