客戶端驗(yàn)證用戶名和密碼的方法詳解

更新時(shí)間：2016年06月16日 16:13:00 作者：柯南&

這篇文章主要介紹了客戶端驗(yàn)證用戶名和密碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下

1.概述

在動(dòng)態(tài)網(wǎng)站的用戶注冊(cè)頁(yè)面中，經(jīng)常需要對(duì)用戶輸入的用戶名和密碼的位數(shù)及成員組成進(jìn)行判斷，這樣可以規(guī)范用戶的注冊(cè)信息。例如本實(shí)例，要求用戶名由3-10位的字母、數(shù)字和下劃線組成，密碼由6-20位的字母、數(shù)字、下劃線和點(diǎn)“.”組成并且首字符為字母，這時(shí)就需要對(duì)用戶的輸入進(jìn)行判斷，因此筆者編寫了兩個(gè)函數(shù)，分別用于驗(yàn)證用戶輸入的用戶名和密碼是否合法。

2.技術(shù)要點(diǎn)

驗(yàn)證用戶名是否由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編寫一個(gè)用于驗(yàn)證用戶名是否合法的函數(shù)checkeusername ()，該函數(shù)只有一個(gè)參數(shù)username，用于獲取輸入的用戶名，返回值為true或false。代碼如下：

<script language="javascript">
function checkeusername(username){
var str=username;
//在JavaScript中，正則表達(dá)式只能使用"/"開頭和結(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編寫一個(gè)用于驗(yàn)證密碼是否合法的函數(shù)checkePWD()，該函數(shù)只有一個(gè)參數(shù)PWD，用于獲取輸入的密碼，返回值為true或false。代碼如下：

<script language="javascript">
function checkePWD(PWD){
var str=PWD;
//在JavaScript中，正則表達(dá)式只能使用"/"開頭和結(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ù)分別判斷用戶輸入的用戶名和密碼是否合法，如果不合法，將給予提示信息。關(guān)鍵代碼如下：

<script language="javascript">
function check(myform){
if(myform.username.value==""){
alert("請(qǐng)輸入用戶名!");myform.username.focus();return;
}
if(!checkeusername(myform.username.value)){
alert("您輸入的用戶名不合法!");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>

以上所述是小編給大家介紹的客戶端驗(yàn)證用戶名和密碼的相關(guān)知識(shí)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: