jquery决断密码强度的证实代码,jquery密码强度校

作者: 网络应用  发布:2019-09-03

本文实例叙述了jquery密码强度校验的辨证代码,共享给大家供大家仿照效法。具体如下:
预期的效果截图如下:

正文实例汇报了jquery判定密码强度的说秦朝码,分享给大家供大家参照他事他说加以考察。具体如下:
预料的作用截图如下:  

图片 1

图片 2

重要代码:

JS代码:

<script>

//下面的正则表达式建议各位收藏哦,项目上有可能会用得着
$(function(){  
  $('#pass').blur(function(e) {
    // alert('---------');
     //密码为八位及以上并且字母数字特殊字符三项都包括
     var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g");

   //密码为七位及以上并且字母、数字、特殊字符三项中有两项,强度是中等 
     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" /> 
$('#pass').keyup(function(e) {
 var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g");
 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;
});

如上就是jquery决断密码强度校验代码,咱们能够行使到协调的品种中,希望我们喜爱。

页面:

你可能感兴趣的文章:

  • 据书上说JQuery的密码强度验证代码
  • jquery决断密码强度的辨证代码
  • jQuery判别密码强度完结思路及代码
  • passwordStrength 基于jquery的密码强度检查测量试验代码应用介绍
  • jQuery达成提醒密码强度的代码
  • jQuery密码强度检查实验插件passwordStrength用法实例分析
  • jQuery插件passwordStrength密码强度指标详解
  • jQuery密码强度验证控件使用详解
  • jQuery实用密码强度检查测试
  • jQuery达成挂号会员时密码强度提示消息功效示例
<input type="password" name="pass" id="pass" />

如上便是jquery决断密码强度的印证代码,大家能够运用到自个儿的种类中,希望大家快乐。

您恐怕感兴趣的文章:

  • 依据JQuery的密码强度验证代码
  • jQuery剖断密码强度完毕思路及代码
  • passwordStrength 基于jquery的密码强度检测代码应用介绍
  • jquery密码强度校验
  • jQuery实现提醒密码强度的代码
  • jQuery密码强度检查评定插件passwordStrength用法实例深入分析
  • jQuery插件passwordStrength密码强度目的详解
  • jQuery密码强度验证控件使用详解
  • jQuery实用密码强度检验
  • jQuery完成登记会员时密码强度提醒音讯成效示例

本文由王中王开奖结果发布于网络应用,转载请注明出处:jquery决断密码强度的证实代码,jquery密码强度校

关键词: