小編給大家分享一下jQuery如何實(shí)現(xiàn)注冊會員時密碼強(qiáng)度提示信息功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘，量身打造，注重實(shí)效"的一站式服務(wù)，以成都網(wǎng)站制作、網(wǎng)站設(shè)計、移動互聯(lián)產(chǎn)品、全網(wǎng)整合營銷推廣服務(wù)為核心業(yè)務(wù)。十多年網(wǎng)站制作的經(jīng)驗(yàn)，使用新網(wǎng)站建設(shè)技術(shù)，全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站，不但價格便宜而且實(shí)用、靈活，特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用，維護(hù)方便，您可以完全操作網(wǎng)站資料，是中小公司快速網(wǎng)站建設(shè)的選擇。

具體如下：

1.效果如圖所示：

2.html代碼：

<p><span>設(shè)置密碼：</span><input type="password" id="external_regist_password1" name="password1" value="" /><b>*</b>
<span id="password1_bg" class="bg_rt" ></span>
</p>
<p class="mima_qd" id="password1_strength" >
 <span class="mm_strength"><em>密碼強(qiáng)度</em>
   <i class="password_qd">
    <span class="password_bg" id="strength_L"></span>
    <span class="password_bg" id="strength_M"></span>
    <span class="password_bg" id="strength_H"></span>
   </i>
  <em id="pw_check_info"></em>
</span>
</p>
<p class="tishi_wr" id="password1_info"></p>

3.jquery代碼：

//checkStrong函數(shù)
//返回密碼的強(qiáng)度級別
function checkStrong(sPW){
  if (sPW.length<=4)
    return 0; //密碼太短
    var Modes=0;
  for (i=0;i<sPW.length;i++){
    //測試每一個字符的類別并統(tǒng)計一共有多少種模式.
    //charCodeAt():返回unicode編碼的值
    Modes|=CharMode(sPW.charCodeAt(i)); //測試某個字符屬于哪一類
  }
  return bitTotal(Modes);//計算出當(dāng)前密碼當(dāng)中一共有多少種模式
}
//CharMode函數(shù)
//測試某個字符是屬于哪一類.
function CharMode(iN){
  if (iN>=48 && iN <=57) //數(shù)字
    return 1;
  if (iN>=65 && iN <=90) //大寫字母
    return 2;
  if (iN>=97 && iN <=122) //小寫
    return 4;
  else
    return 8; //特殊字符
}
//bitTotal函數(shù)
//計算出當(dāng)前密碼當(dāng)中一共有多少種模式
function bitTotal(num){
  var modes=0;
  for (i=0;i<4;i++){
    if (num & 1) modes++;
    num>>>=1;
  }
  return modes;
}
//pwStrength函數(shù)
//當(dāng)用戶放開鍵盤或密碼輸入框失去焦點(diǎn)時,根據(jù)不同的級別顯示不同的顏色
function pwStrength(pwd){
  var O_color="#eeeeee";
  var L_color="#FF4040";
  var M_color="#FF9900";
  var H_color="#33CC00";
  var info = "";
  if (pwd==null||pwd==''){
    Lcolor=Mcolor=Hcolor=O_color;
  } else {
    S_level=checkStrong(pwd);//檢測密碼的強(qiáng)度
    switch(S_level) {
       case 0:
         Lcolor=L_color;
         Mcolor=Hcolor=O_color;
         info = "弱";
         break;
       case 1:
         Lcolor=L_color;
         Mcolor=Hcolor=O_color;
         info = "弱";
         break;
       case 2:
         Lcolor=Mcolor=M_color;
         Hcolor=O_color;
         info = "中";
         break;
       default:
         Lcolor=Mcolor=Hcolor=H_color;
         info = "強(qiáng)";
       }
     }
   $("#strength_L").css("background", Lcolor);
   $("#strength_M").css("background", Mcolor);
   $("#strength_H").css("background", Hcolor);
   $("#pw_check_info").html(info);//密碼強(qiáng)度提示信息
   return;
}

以上是“jQuery如何實(shí)現(xiàn)注冊會員時密碼強(qiáng)度提示信息功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：jQuery如何實(shí)現(xiàn)注冊會員時密碼強(qiáng)度提示信息功能-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://chinadenli.net/article48/gcsep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)頁設(shè)計公司、靜態(tài)網(wǎng)站、網(wǎng)站策劃、面包屑導(dǎo)航、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)