密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力.
什么是一个安全的密码呢?本程序按以下的方式进行评估.
1.如果密码少于5位,那么就认为这是一个弱密码.
2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码.
3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码.
4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码.
本程序将根据用户输入的密码分别显示不同的颜色表示密码的强度,具体程序如下:
以下是引用片段:
- <SCRIPT language=javascript>
-
-
-
- function CharMode(iN)
- {
- if (iN>=48 && iN <=57)
- return 1;
- if (iN>=65 && iN <=90)
- return 2;
- if (iN>=97 && iN <=122)
- return 4;
- else
- return 8;
- }
-
-
-
- function bitTotal(num)
- {
- modes=0;
- for (i=0;i<4;i++)
- {
- if (num & 1) modes++;
- num>>=1;
- }
- return modes;
- }
-
-
-
-
- function checkStrong(sPW)
- {
- if (sPW.length<=4)
- return 0;
- Modes=0;
- for (i=0;i<sPW.length;i++)
- {
-
- Modes|=CharMode(sPW.charCodeAt(i));
- }
- return bitTotal(Modes);
- }
-
-
-
-
- function pwStrength(pwd)
- {
- O_color="#eeeeee";
- L_color="#FF0000";
- M_color="#FF9900";
- H_color="#33CC00";
- if (pwd==null||pwd=="")
- {
- Lcolor=Mcolor=Hcolor=O_color;
- }
- else
- {
- S_level=checkStrong(pwd);
- switch(S_level)
- {
- case 0:
- Lcolor=Mcolor=Hcolor=O_color;
- case 1:
- Lcolor=L_color;
- Mcolor=Hcolor=O_color;
- break;
- case 2:
- Lcolor=Mcolor=M_color;
- Hcolor=O_color;
- break;
- default:
- Lcolor=Mcolor=Hcolor=H_color;
- }
- }
- document.getElementById("strength_L").style.background=Lcolor;
- document.getElementById("strength_M").style.background=Mcolor;
- document.getElementById("strength_H").style.background=Hcolor;
- return;
- }
-
- </SCRIPT>
-
- <FORM name="form1" action=""><P>
- 输入密码:</P><P>
- <INPUT onblur=pwStrength(this.value) onkeyup=pwStrength(this.value) type=password size=10 value="">
- <BR> 密码强度: </P><P>
- <TABLE style="DISPLAY: inline" borderColor=#cccccc height=23 cellSpacing=0 cellPadding=1 width=217 border=1><TBODY><TR align=middle bgColor=#eeeeee><TD id=strength_L width="33%">弱</TD><TD id=strength_M width="33%">中</TD><TD id=strength_H width="33%">强</TD></TR></TBODY></TABLE>
- </P><P> </P><P> </P></FORM>
- <PRE></PRE>
分享到:
相关推荐
标题中的“用于评估密码强度的VanillaJavaScript插件”指的是一个使用纯JavaScript编写的轻量级工具,旨在帮助用户在创建新密码时检查其安全性。这个插件通常会在用户输入密码时实时显示密码强度,根据密码的复杂度...
C#中,可以创建一个方法来评估密码强度,使用类似于JavaScript的逻辑,但可以使用更复杂的方法,比如使用第三方库来检查密码的常见性。 ```csharp public int CheckPasswordStrength(string password) { int score...
zxcvbn库的核心算法基于多种策略来评估密码强度,包括: 1. **常见词汇匹配**:库会检查密码是否包含常见的英文单词、名字、日期或键盘序列(如“12345”或“qwerty”),这些都容易被猜出或通过字典攻击破解。 2....
以下是一个简单的JavaScript函数示例,用于评估密码强度: ```javascript function checkPasswordStrength(password) { let strength = 0; const minLength = 8; if (password.length >= minLength) { ...
2. 实时反馈:通过事件监听(如TextChanged事件)来即时评估密码强度,更新界面状态。 3. 用户交互设计:合理地使用颜色和文字提示,以引导用户创建更安全的密码。 4. 性能优化:避免频繁的计算,比如使用懒加载策略...
2. JavaScript监听密码输入事件,每次输入更改后都会触发一个函数来评估密码强度。 3. 评估函数基于预设的规则(如最小长度、字符种类等)计算得分,并将结果显示在页面上,如通过颜色变化或进度条形式。 4. 当用户...
3. **密码强度函数**:编写一个函数来评估密码强度,并根据结果更新显示元素。这个函数可能包括对密码长度、字符类型的检查,以及对常见弱密码的检查。 4. **事件绑定**:当用户在密码输入框中键入时,触发一个事件...
该JavaScript代码实现了基本的密码强度验证功能,它通过检测密码中包含的不同字符类型(如数字、大写字母、小写字母等)的数量来评估密码强度。代码主要分为两个部分:一是简单的强度检查函数 `ck()`, 二是更复杂的...
接下来,我们需要定义一个函数来评估密码强度。这个函数通常会检查以下几个方面: 1. **长度**:密码应具有最小长度,比如8个字符。如果密码长度不够,我们可以提示用户增加字符。 2. **字符多样性**:强大的密码...
本程序可能采用了以下技术来评估密码强度: 1. **长度检查**:检测密码的长度,通常建议长度至少为8个字符。 2. **字符多样性**:检查密码中是否包含大写字母、小写字母、数字和特殊字符。 3. **常见词汇过滤**:...
通过深入研究这个源码,开发者不仅可以学习到如何评估密码强度,还能理解如何将这些概念应用于实际项目中,提高软件的安全性。同时,这也是一个提升编程技巧和理解软件安全实践的好机会。在实际应用中,这样的工具...
我们可以通过一系列规则来评估密码强度,如最低长度、是否包含特定字符类型等。 在jQuery中,我们可以监听用户的输入事件,实时更新密码强度指示器。以下是一个简单的示例: ```javascript $(document).ready...
JavaScript是动态效果的核心,它负责处理用户的输入,评估密码强度,并更新界面显示。 在实际应用中,这个密码强度检测表单可能会与后端服务器配合,确保在提交表单时也进行服务器端验证。同时,为了提升用户体验,...
"PasswordMeter" 就是这样一个组件,它扩展了密码输入框,增加了实时评估密码强度的功能。 密码强度检测通常涉及以下几个方面: 1. **长度检查**:密码的长度是衡量其强度的重要指标。通常,更长的密码更难被破解...
JavaScript函数通常会与这些表单元素交互,监听用户的输入并实时评估密码强度。 5. **CSS样式**:`WEBBlue1033.css`可能用于定义界面的样式,比如密码强度指示器的颜色变化、提示信息的样式等,以提供更好的用户...
2. **密码强度算法**:软件通常会使用特定的算法来评估密码强度,这些算法考虑上述复杂性因素并给出一个分数。例如,每满足一个复杂性标准,分数就会增加,当达到一定阈值时,进度条会变满,表示密码强度高。 3. **...
在这个项目中,jQuery可能被用来监听密码输入事件,实时评估密码强度,并通过CSS改变显示元素(如进度条或文字提示)来反馈结果。 在实现过程中,HTML(index.html)文件将定义登录表单的结构,包括用户名和密码...
这个函数评估密码的强度。它首先检查密码长度是否小于等于4,如果是,返回0表示密码太短。然后,对密码中的每个字符调用`CharMode`,并将返回值与当前的`Modes`进行按位或操作(`|=`),这样`Modes`就会包含所有...
根据给定文件的信息,本文将详细解析如何使用JavaScript来评估密码强度,并且通过代码示例进行解释。 ### 一、密码强度评估的概念 密码强度评估是网络安全中的一个重要环节,它通过对用户设置的密码进行分析,给出...
6. **自定义规则**:如果需要,可以根据项目需求自定义评估密码强度的规则。 通过这种方式,用户在输入密码时就能得到即时的强度反馈,鼓励他们创建更安全的密码。同时,这也为开发者提供了一种方便、可定制的方式...