最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS實(shí)現(xiàn)根據(jù)密碼長(zhǎng)度顯示安全條功能

 更新時(shí)間:2017年03月08日 14:56:57   作者:yanfangphp  
這篇文章主要介紹了基于JS實(shí)現(xiàn)根據(jù)密碼長(zhǎng)度顯示安全條功能,非常不錯(cuò),在一些網(wǎng)站上經(jīng)常會(huì)遇到此功能,需要的的朋友參考下實(shí)現(xiàn)代碼吧

大家在一些網(wǎng)站上經(jīng)??梢钥吹綌?shù)碼密碼會(huì)根據(jù)輸入的密碼長(zhǎng)度顯示安全條功能,此功能基于js如何實(shí)現(xiàn)的呢?下面看下實(shí)現(xiàn)代碼,具體代碼如下所示:

//根據(jù)密碼長(zhǎng)度顯示安全條
          <ul class="clear">
          <li>密  碼:</li>
          <li> <input type="password" id="pwd" name="pwd" class="in" onKeyUp=pwStrength(this.value) onBlur=pw_y("pwd","pwd1")></li>
          <li><em class="red">*</em></li>
          <li class="i2 grey"><table border="0" bordercolor="#cccccc" style='display:marker'>
          <tr align="center">
            <td id="strength_L" bgcolor="#eeeeee">弱</td>
            <td id="strength_M" bgcolor="#eeeeee">中</td>
            <td id="strength_H" bgcolor="#eeeeee">強(qiáng)</td>
          <td align="left" >
           <label id="pwd1">使用數(shù)字,字母,下劃線,長(zhǎng)度在 6 - 20 個(gè)字符之間</label></td>
            </tr>
          </table>         
          </li>
          </ul>
function pwStrength(pwd){
  O_color="#eeeeee";
  L_color="#FF0000";
  M_color="#FF9900";
  H_color="#33CC00";
  if (pwd==null||pwd==''){
    Lcolor=Mcolor=Hcolor=O_color;
  }else{
    S_level=checkStrong(pwd);
    switch(S_level) {
      case 0:
        Lcolor=Mcolor=Hcolor=O_color;
      case 1:
        Lcolor=L_color;
        Mcolor=Hcolor=O_color;
        break;
      case 2:
        Lcolor=Mcolor=M_color;
        Hcolor=O_color;
        break;
      default:
        Lcolor=Mcolor=Hcolor=H_color;
      }
  }
  document.getElementById("strength_L").style.background=Lcolor;
  document.getElementById("strength_M").style.background=Mcolor;
  document.getElementById("strength_H").style.background=Hcolor;
  return;
}

以上所述是小編給大家介紹的JS實(shí)現(xiàn)根據(jù)密碼長(zhǎng)度 顯示安全條功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • JavaScript對(duì)Cookie進(jìn)行讀寫操作實(shí)例

    JavaScript對(duì)Cookie進(jìn)行讀寫操作實(shí)例

    這篇文章主要介紹了JavaScript對(duì)Cookie進(jìn)行讀寫操作的方法,實(shí)例分析了javascript針對(duì)cookie的讀寫操作技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2015-07-07
  • javascript實(shí)現(xiàn)數(shù)據(jù)雙向綁定的三種方式小結(jié)

    javascript實(shí)現(xiàn)數(shù)據(jù)雙向綁定的三種方式小結(jié)

    本篇文章主要介紹了javascript實(shí)現(xiàn)數(shù)據(jù)雙向綁定的三種方式小結(jié),前端的視圖層和數(shù)據(jù)層有時(shí)需要實(shí)現(xiàn)雙向綁定,目前實(shí)現(xiàn)數(shù)據(jù)雙向綁定主要有三種,有興趣的可以了解一下。
    2017-03-03
  • 淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)

    淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)

    下面小編就為大家分享一篇淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • JS打斷點(diǎn)的六種常用姿勢(shì)你用過幾種

    JS打斷點(diǎn)的六種常用姿勢(shì)你用過幾種

    JS斷點(diǎn)調(diào)試,即是在瀏覽器開發(fā)者工具中為JS代碼添加斷點(diǎn),讓JS執(zhí)行到某一特定位置停住,方便開發(fā)者對(duì)該處代碼段的分析,這篇文章主要介紹了JS打斷點(diǎn)的六種常用姿勢(shì)的相關(guān)資料,需要的朋友可以參考下
    2025-04-04
  • javascript頭像上傳代碼實(shí)例

    javascript頭像上傳代碼實(shí)例

    這篇文章主要介紹了javascript頭像上傳代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-09-09
  • js如何將元素滾動(dòng)到可見區(qū)域

    js如何將元素滾動(dòng)到可見區(qū)域

    文章介紹了如何使用scrollIntoViewIfNeeded方法將元素滾動(dòng)到可見區(qū)域,以及如何通過配置對(duì)象控制滾動(dòng)行為,還提供了一個(gè)純JavaScript的解決方案,可以實(shí)現(xiàn)類似的功能
    2024-12-12
  • 如何在CocosCreator中使用http和WebSocket

    如何在CocosCreator中使用http和WebSocket

    這篇文章主要介紹了在Cocos Creator中使用的Http和WebSocket,對(duì)websocket感興趣的同學(xué),一定要看下
    2021-04-04
  • 基于JS實(shí)現(xiàn)父組件的請(qǐng)求服務(wù)過程解析

    基于JS實(shí)現(xiàn)父組件的請(qǐng)求服務(wù)過程解析

    這篇文章主要介紹了基于JS實(shí)現(xiàn)父組件的請(qǐng)求服務(wù)過程解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-10-10
  • Javascript 作用域使用說明

    Javascript 作用域使用說明

    在傳統(tǒng)的面向?qū)ο蟪绦蛟O(shè)計(jì)中,主要關(guān)注于公用和私有作用域。公用作用域中的對(duì)象屬性可以從對(duì)象外部訪問,即開發(fā)者創(chuàng)建對(duì)象的實(shí)例后,就可使用它的公用屬性。
    2009-08-08
  • ES2020 新特性(種草)

    ES2020 新特性(種草)

    這篇文章主要介紹了ES2020 新特性(種草),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-01-01

最新評(píng)論

楚雄市| 英山县| 满洲里市| 曲水县| 即墨市| 内丘县| 德格县| 惠东县| 肃宁县| 梁山县| 琼海市| 玛纳斯县| 乐业县| 麻江县| 长春市| 绥滨县| 通化市| 微博| 蒙城县| 海淀区| 三原县| 新龙县| 郯城县| 青阳县| 长治市| 邯郸县| 甘孜| 益阳市| 钟祥市| 方山县| 双柏县| 马鞍山市| 宝山区| 晋宁县| 新巴尔虎左旗| 沙雅县| 龙里县| 门头沟区| 越西县| 昭苏县| 恭城|