jquery密碼強度校驗

更新時間：2015年12月02日 08:55:32 投稿：lijiao

這篇文章主要介紹了jquery密碼強度校驗，這是一個非常常見的功能，在輸入密碼的時候提示密碼的強度，本文使用jQuery來實現(xiàn)，有需要的小伙伴可以參考下。

本文實例講述了jquery密碼強度校驗的驗證代碼，分享給大家供大家參考。具體如下：
預想的效果截圖如下：

關鍵代碼：

<script>
 
//下面的正則表達式建議各位收藏哦，項目上有可能會用得著
$(function(){  
  $('#pass').blur(function(e) {
    // alert('---------');
     //密碼為八位及以上并且字母數(shù)字特殊字符三項都包括
     var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
   
   //密碼為七位及以上并且字母、數(shù)字、特殊字符三項中有兩項，強度是中等 
     var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
     var enoughRegex = new RegExp("(?=.{6,}).*", "g");
     if (false == enoughRegex.test($(this).val())) {
         $('#passstrength').html('More Characters');
     } else if (strongRegex.test($(this).val())) {
         $('#passstrength').className = 'ok';
         $('#passstrength').html('Strong!');
     } else if (mediumRegex.test($(this).val())) {
         $('#passstrength').className = 'alert';
         $('#passstrength').html('Medium!');
     } else {
         $('#passstrength').className = 'error';
         $('#passstrength').html('Weak!');
     }
     return true;
  });
}); 
</script> 
         
<input type="password" name="pass" id="pass" /> 
<span id="passstrength"></span>

以上就是jquery判斷密碼強度校驗代碼，大家可以應用到自己的項目中，希望大家喜歡。

您可能感興趣的文章: