婷婷成人影院,欧美刺激性大交免费视频,亚洲一区欧美一区

根據運行的環境，操作系統可以分為桌面操作系統，手機操作系統，服務器操作系統，嵌入式操作系統等。

js確認密碼正則表達式_js正則表達式數字替換_js密碼強度正則表達式

最近，我一直在通過一個通行證項目，并且密碼強度需要在注冊模塊中顯示（低，中和高）. 今天，我將與您分享結果. 該代碼不像搜索那么復雜js密碼強度正則表達式，并且可以滿足一般需求.

HTML代碼如下:

js確認密碼正則表達式_js密碼強度正則表達式_js正則表達式數字替換

<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <title>密碼強度</title>
  <style type="text/css">
  #passStrength{height:6px;width:120px;border:1px solid #ccc;padding:2px;}
  .strengthLv1{background:red;height:6px;width:40px;}
  .strengthLv2{background:orange;height:6px;width:80px;}
  .strengthLv3{background:green;height:6px;width:120px;}
  </style>
</head>
<body>
  <input type="password" name="pass" id="pass" maxlength="16"/>
  <div class="pass-wrap">
    <em>密碼強度：</em>
    <div id="passStrength"></div>
  </div>
</body>
</html>
<script type="text/javascript" src="js/passwordStrength.js"></script>
<script type="text/javascript">
new PasswordStrength('pass','passStrength');
</script>

js代碼如下:

js確認密碼正則表達式_js密碼強度正則表達式_js正則表達式數字替換

function PasswordStrength(passwordID,strengthID){
  this.init(strengthID);
  var _this = this;
  document.getElementById(passwordID).onkeyup = function(){
    _this.checkStrength(this.value);
  }
};
PasswordStrength.prototype.init = function(strengthID){
  var id = document.getElementById(strengthID);
  var div = document.createElement('div');
  var strong = document.createElement('strong');
  this.oStrength = id.appendChild(div);
  this.oStrengthTxt = id.parentNode.appendChild(strong);
};
PasswordStrength.prototype.checkStrength = function (val){
  var aLvTxt = ['','低','中','高'];
  var lv = 0;
  if(val.match(/[a-z]/g)){lv++;}
  if(val.match(/[0-9]/g)){lv++;}
  if(val.match(/(.[^a-z0-9])/g)){lv++;}
  if(val.length < 6){lv=0;}
  if(lv > 3){lv=3;}
  this.oStrength.className = 'strengthLv' + lv;
  this.oStrengthTxt.innerHTML = aLvTxt[lv];
};

效果圖:

js正則表達式數字替換_js確認密碼正則表達式_js密碼強度正則表達式

使用說明:

js密碼強度正則表達式_js正則表達式數字替換_js確認密碼正則表達式

1. 該對象的第一個參數是密碼輸入框的ID，第二個參數是密碼強度欄的ID.

2. 密碼強度的規則可以在checkStrength方法中自定義.

3. 密碼強度顯示的低js密碼強度正則表達式，中和高分別對應于三種css樣式（strengthLv1，強度Lv2，強度Lv3）.

上面是小編引入的JS密碼強度驗證的正則表達式. 希望對大家有幫助. 如有任何疑問，請給我留言，小編會及時給您答復. 非常感謝您對Script House網站的支持！

本文來自本站，轉載請注明本文網址：
http://www.pc-fly.com/a/jisuanjixue/article-257964-1.html

溫馨提示：喜歡本站的話，請收藏一下本站！

人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當前位置:蘿卜系統 > 硬件軟件教程 > 詳細頁面

正則表達式的JS密碼強度檢查（容易易用）

本類教程下載

系統下載排行