密码强度检测js

最新推荐文章于 2024-06-03 10:35:55 发布
最新推荐文章于 2024-06-03 10:35:55 发布
阅读量1.3k 收藏 3
点赞数
分类专栏： PC端插件 文章标签： 密码强度检测js 密码




今天自己做了一个JS密码强度判断，效果如下：


以下是代码：

[java]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1. <html>  
  2. <head>  
  3. <title>JS判断密码强度</title>  
  4. <script language=javascript>    
  5.     //判断输入密码的类型    
  6.     function CharMode(iN){    
  7.         if (iN>=48 && iN <=57) //数字    
  8.             return 1;    
  9.         if (iN>=65 && iN <=90) //大写    
  10.             return 2;    
  11.         if (iN>=97 && iN <=122) //小写    
  12.             return 4;    
  13.         else    
  14.             return 8;     
  15.     }  
  16.     //bitTotal函数    
  17.     //计算密码模式    
  18.     function bitTotal(num){    
  19.         modes=0;    
  20.         for (i=0;i<4;i++){    
  21.             if (num & 1) modes++;    
  22.             num>>>=1;    
  23.         }  
  24.         return modes;    
  25.     }  
  26.     //返回强度级别    
  27.     function checkStrong(sPW){    
  28.         if (sPW.length<6)    
  29.             return 0; //密码太短，不检测级别  
  30.         Modes=0;    
  31.         for (i=0;i<sPW.length;i++){    
  32.             //密码模式    
  33.             Modes|=CharMode(sPW.charCodeAt(i));    
  34.         }  
  35.         return bitTotal(Modes);    
  36.     }  
  37.     
  38.     //显示颜色    
  39.     function pwStrength(pwd){    
  40.         Dfault_color="#eeeeee";     //默认颜色  
  41.         L_color="#FF0000";      //低强度的颜色，且只显示在最左边的单元格中  
  42.         M_color="#FF9900";      //中等强度的颜色，且只显示在左边两个单元格中  
  43.         H_color="#33CC00";      //高强度的颜色，三个单元格都显示  
  44.         if (pwd==null||pwd==''){    
  45.             Lcolor=Mcolor=Hcolor=Dfault_color;  
  46.         }    
  47.         else{    
  48.             S_level=checkStrong(pwd);    
  49.             switch(S_level) {    
  50.             case 0:    
  51.                 Lcolor=Mcolor=Hcolor=Dfault_color;  
  52.                 break;  
  53.             case 1:    
  54.                 Lcolor=L_color;  
  55.                 Mcolor=Hcolor=Dfault_color;  
  56.                 break;    
  57.             case 2:    
  58.                 Lcolor=Mcolor=M_color;    
  59.                 Hcolor=Dfault_color;    
  60.                 break;    
  61.             default:    
  62.                 Lcolor=Mcolor=Hcolor=H_color;    
  63.         }    
  64.     }    
  65.     document.getElementById("strength_L").style.background=Lcolor;    
  66.     document.getElementById("strength_M").style.background=Mcolor;    
  67.     document.getElementById("strength_H").style.background=Hcolor;    
  68.     return;  
  69. }  
  70. </script>  
  71. </head>  
  72. <body>  
  73. <form name=form1 action="" >  
  74.     <table width="250" border="0" cellpadding=2" bordercolor="#eeeeee" style='display:inline'>  
  75.         <tr>  
  76.             <td width="40%" align="right">密码:</td>  
  77.             <td colspan="3" align="left">  
  78.                 <input type=password size=20 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>  
  79.             </td>  
  80.         </tr>   
  81.         <tr align="center">  
  82.             <td width="40%" align="right">密码强度:</td>  
  83.             <td width="20%" id="strength_L" bgcolor="#eeeeee">弱</td>    
  84.             <td width="20%" id="strength_M" bgcolor="#eeeeee">中</td>    
  85.             <td width="20%" id="strength_H" bgcolor="#eeeeee">强</td>    
  86.         </tr>  
  87.     </table>  
  88. </form>  
  89. </body>  
  90. </html>  

cc蒲公英
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js密码强度实时检测代码
10-22
为了实现这一点，我们可以使用JavaScript进行实时的密码强度检测。本文将介绍如何使用JavaScript来实现这一功能。 首先，我们需要创建一个包含密码输入框和用于显示密码强度的进度条的HTML结构。以下是一个简单的...
js实现密码强度检测【附示例】
10-22
下面小编就为大家带来一篇js实现密码强度检测【附示例】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
判断密码强度（Python）
bujianzingguang的博客
03-22 5523
isalpha()函数可以判断字符串字符串中是否含有字母，若字符串中只包含字母，返回非零（小写字母为2，大写字母为1）。初始化密码强度strength_level1,2,3,4为0，每满足一个判断规则就记为1。def在python中用来定义函数，变量，类或模块，本文用来定义函数。isnumeric()函数可以判断字符串中是否含有数字，若数字或字符串中包含数字，返回True；首先要满足的条件是长度大于八，否则直接判定不合格，其他三类作为提醒并给出当前密码强度。用户设置密码后，判断密码强度是否合格。
密码强度检测
wwx1239021388的博客
03-07 1241
西安电子科技大学Python程序设计上机实验——密码强度检测
Vue3项目炫酷实战，检测密码强度值
最新发布
xingyu_qie的专栏
06-03 2590
在前端项目开发中，确保用户密码的强度是保护账户安全的重要措施。本文将演示如何使用Vue 3实现一个简单的密码强度检测功能。通过实时反馈，帮助用户创建更安全的密码，从而提升整体系统的安全性。无论您是前端开发新手还是经验丰富的开发者，都可以从中学到如何有效地在项目中应用密码强度检测技术。
密码强度检测之C语言实现
u012023606的博客
10-19 4594
1 方案得分项 一、密码长度： 公式 ：+(n*4)，其中n表示密码长度 二、大写字母： 公式：+((len-n)*2)，其中n表示大写字母个数，len表示密码长度 三、小写字母： 公式：+((len-n)*2)，其中n表示小写字母个数，len表示密码长度 四、数字： 公式：+(n*4)，其中n表示数字个数 条件：满足n &lt; len，才能得到加分，len表示密码长度 五、符号： ...
密码强度判断函数 js
weixin_41756610的博客
05-13 99
密码强度判断函数
JavaScript密码强度在线检测
08-18
工作分享：因工作需要，纯手工写了一个JavaScript密码强度在线检测，分享出来，希望大家喜欢
js密码强度检测
10-23
主要介绍了js密码强度检测的相关资料，并给出了详细代码，需要的朋友可以参考下
密码强度检测效果实现原理与代码
09-05
首先，我们来看一下密码强度检测的基本原理。通常，密码强度的评估基于以下几个标准： 1. **长度**：密码长度是决定其强度的关键因素，通常建议密码至少包含8个字符，但更长的密码通常更安全。 2. **复杂性**：...
js正则表达式验证密码强度【推荐】
10-20
本文主要介绍了js利用正则表达式验证密码强度的实例，具有很好的参考价值。下面跟着小编一起来看下吧
JS密码强度检测及测试
07-16
使用JS检测输入的密码强度，可以独立于HTML页面，测试文件将其写在一起，需要的读者可以分开测试
javascript实现的密码强度测试
11-02
密码强度测试 javascript实现的密码强度测试 javascript实现的密码强度测试 javascript实现的密码强度测试
Web Angular用户密码强度判别
09-26
本实例使用AngularJS实现前端用户密码输入，通过监听器动态判别密码强度，并且通过界面动态显示密码强度，作为AngularJS的入门练习，供后续项目使用
原生js实现密码强度验证功能
11-21
我们在填写表单的时候，特别是输入密码的时候，经常看到实时显示密码强度的效果，那么这种效果如何通过我们的原生js实现呢？ 思路: 1.密码通常是由数字，大写字母，小写字母以及特殊字符组成 2.密码全部是纯数字或者纯大写字母，或者纯小写字母，我们认为是密码强度较低 3.密码由两种混合，我们认为密码强度是中等的 4.密码由三种或者四种混合，我们认为这样的密码组合强度很强 5.通过判断输入的密码每个字符，如果是数字返回1；如果是大写字母，返回2；如果是小写字母，返回4；如果是特殊字符，则返回8（至于为什么选择返返回这些数字请看第六条）； 6.初始化一个体现密码强度的变量为0，在二进制下表示也就是000
WZOI-309密码强度检测
善良的小乔的博客
12-24 453
WZOI-309密码强度检测
js-密码验证
Mozifei73的博客
08-10 2220
js-密码验证。
js密码强度验证
千千
01-30 6468
做注册界面的时候，输入密码的时候要进行密码强度的验证。 一、html 安全级别：■■strong class="s3">■ ○ 6-20 个字符
jquery密码强度检测
04-02
以下是一个基本的jQuery密码强度检测代码： ```javascript $(document).ready(function(){ $('#password').keyup(function(){ var password = $(this).val(); var strength = 0; if (password.match(/[a-z]+/))...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值