密码强度demo（弱中强）

最新推荐文章于 2023-12-11 14:18:32 发布

weixin_30416497

最新推荐文章于 2023-12-11 14:18:32 发布

阅读量326

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/imsomnus/p/6296416.html

版权

<!doctype html>
<html>
<head>

<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
function getPasswordStrength(password){
  var strength=0;
  $([/.{6,}/,/[0-9]+/,/[a-z]+/,/[A-Z]+/,/[^0-9a-zA-Z]+/]).each(function(i,o){
      console.log(i,o,strength);
      if(o.test(password)) strength++;
  });
  return strength;
}

function showStrength(password) {
  var strength = getPasswordStrength(password);
  var status = strength < 3 ? 'low' : (strength < 5 ? 'medium' : 'high');
  var desc = strength < 3 ? '强度很低' : (strength < 5 ? '中等强度' : '高强度');
  $('#passwordStrength').attr('class',status).html(desc);

}
    </script>
<style>
/*密码强度样式的定义*/
.high{color:green}
.medium{color:blue}
.low{color:red}
</style>
</head>
<body>

<form>

密码： <input type="password" onkeyup="showStrength(this.value)"/> <span id="passwordStrength"></span>

</form>
</body>
</html>

转载于:https://www.cnblogs.com/imsomnus/p/6296416.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30416497

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
密码强度demo（弱中强）

<!doctype html><html><head><script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script> <script type="text/javascript">functio...
复制链接

扫一扫