欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2016年06月16日 16:13:00   作者:柯南&  
這篇文章主要介紹了客戶(hù)端驗(yàn)證用戶(hù)名和密碼 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下

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)文章

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

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

    標(biāo)簽元素的顯示或隱藏在使用中還是挺頻繁的,下面有個(gè)不錯(cuò)的示例,大家可以參考下,或許有所幫助
    2013-09-09
  • 最新評(píng)論