// 应客户的需求的,对密码进行强度的判断。首先,该密码的强度的判断不是网上常常出现的那种一边输入一边判断强度,而是密码从数据库里读出后影藏在前端页面里;其次,其实我也是在网上抄袭了一段,稍微修改了一下。
$(document).ready(function() {
checkStrong(); // 页面自动加载完成后调用该函数;下面有对该函数的具体定义.
});
// js 检测密码的安全度********start*********
//CharMode函数(辅助函数,供后面调用) ;测试某个字符是属于哪一类
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; //特殊字符
}
//bitTotal函数(辅助函数,供后面调用) 计算出当前密码当中一共有多少种模式
function bitTotal(num)
{
modes=0;
for(i=0; i<4; i++)
{
if(num & 1) modes++;
num>>>=1;
}
return modes;
}
//checkStrong函数 返回密码的强度级别
function checkStrong()
{
var sPW = $("#sPW_PASSWD").val(); // html页面里影藏从数据库读取的密码;
if (sPW.length<=4)
return 0; //密码太短
Modes=0;
for (i=0; i<sPW.length; i++)
{
//测试每一个字符的类别并统计一共有多少种模式.
Modes|=CharMode(sPW.charCodeAt(i)); // 调用上面的CharMode函数
}
var pwd_strong = bitTotal(Modes); // 调用上面的CharMode函数 输出是2
if(pwd_strong == '1')
{
$("#pwd_color").removeClass().addClass("red_bar fl"); // 添加样式 用于提醒
$("#pwd_str").html("弱");
}
else if(pwd_strong == '2')
{
$("#pwd_color").removeClass().addClass("blue_bar fl");
$("#pwd_str").html("中");
}
else
{
$("#pwd_color").removeClass().addClass("green_bar fl");
$("#pwd_str").html("强");
}
return bitTotal(Modes);
}
// js 检测密码的安全度********end***********
html 代码
<input type="hidden" name="sPW_PASSWD" id="sPW_PASSWD" value="<{$res.PASSWD}>" />
<p class="fl">当前密码安全度:</p >
<p id="pwd_color" class="blue_bar fl"> </p><span id="pwd_str"></span>
- 大小: 16.8 KB
分享到:
相关推荐
在Web应用开发中,例如"WebApplication2"这样的项目,可以利用前端验证(如JavaScript)和后端验证(如服务器端语言如Java、Python等)双重校验密码强度,以提供更高的安全性。前端验证可以即时反馈给用户,而后端...
本文将深入探讨如何使用JavaScript(JS)和C#在ASP.NET环境中实现密码强度的判断。 首先,前端JavaScript是用户界面交互的主要语言,用于实时验证用户的输入。在密码强度判断中,我们可以编写一个JS函数,该函数...
### JavaScript密码强度判断代码解析 在现代Web应用中,用户数据的安全性至关重要,而密码作为保护用户账户的第一道防线,其强度直接关系到账户的安全。本文将深入解析一段JavaScript代码,该代码用于评估用户输入...
**AJAX 技术及其在密码强度判断中...总的来说,通过AJAX实现的密码强度判断是一个实用的功能,它结合了前端与后端的交互,提高了用户输入密码的安全性和交互性。开发者可以根据具体需求进行定制,以适应各种应用场景。
在提供的`判断密码强度.html`文件中,很可能是包含了上述逻辑的示例代码。通过阅读和研究这个文件,你可以更深入地理解如何利用JavaScript实现密码强度的实时验证。记住,为了确保用户账户的安全,除了前端验证,...
本文将基于提供的示例代码,深入探讨如何利用JavaScript(简称JS)来判断密码强度,并分析各个功能模块的具体实现方法。 #### 一、理解密码强度评估标准 根据题目描述,密码强度分为四个等级: 1. **弱密码**:...
本篇文章将深入探讨如何使用JavaScript来实现对文本框中输入的密码强度进行自动判断。 首先,我们需要理解什么是密码强度。一个强密码通常包含以下特点:长度足够(至少8个字符),包含大写字母、小写字母、数字...
JavaScript中,可以创建一个函数来计算这些规则的分数,然后根据总分来判断密码的强度等级,例如弱、中等、强或非常强。可以使用正则表达式来匹配不同的字符类型,计算每种类型的得分,最后将所有得分相加得到总分。...
总结来说,JavaScript密码强度检查是一个重要的安全实践,通过检查密码的长度、复杂性和随机性,我们可以帮助用户创建更安全的账户。在实际应用中,还可以考虑集成到后端服务器进行二次验证,确保即使在客户端被绕过...
"密码强度只能判断特效"这个主题主要关注如何使用JavaScript来实现一个动态的密码强度检测功能。在这个项目中,我们可以通过`index.html`作为主页面,`images`目录存放可能的提示图标或背景图片,`js`目录下的脚本...
在探讨如何使用JavaScript来判断密码强度时,通常会涉及到以下几个关键点:密码的最小长度要求、是否含有数字、大写字母、小写字母以及特殊字符等。此外,还会涉及到如何动态显示密码强度的反馈信息,以及如何在用户...
总结一下,JavaScript密码强度评估的基本原理是检查密码中包含的字符类型多样性,通过位运算和计数来确定强度级别。在用户输入过程中,利用事件监听实时更新强度指示,提高用户体验。这种方法虽然简单,但可以有效地...
在这个示例中,我们为每个满足的条件赋予1分,然后根据总分数判断密码强度。 在实际应用中,可以将这些功能封装到一个自定义的输入框组件中,实时显示密码强度指示器。例如,可以使用Bootstrap的进度条或者自定义...
总的来说,这个压缩包提供了一个Vue.js实现的密码强度验证解决方案,帮助开发者为他们的移动应用或网站创建更安全的用户注册体验。通过理解并运用这些知识点,开发者可以提升他们的项目质量,保护用户的账户安全。
在判断密码强度时,可以利用正则表达式检查密码是否包含特定的字符类型,如数字、大写字母、小写字母和特殊字符。 6. **CSS样式**:为了实现显示特效,CSS(Cascading Style Sheets)用于控制网页的布局和外观。...
根据给定文件的信息,本文将详细解析如何使用JavaScript来评估密码强度,并且通过代码示例进行解释。 ### 一、密码强度评估的概念 密码强度评估是网络安全中的一个重要环节,它通过对用户设置的密码进行分析,给出...
通常,我们会根据以下几个因素来判断密码强度: 1. 长度:密码的长度越长,破解的难度越大。一般建议至少8个字符。 2. 复杂性:包括大写字母、小写字母、数字和特殊字符的组合。 3. 无模式:避免连续数字(如1234)...
在提供的压缩包文件"密码强度计算"中,可能包含了实现上述功能的源代码,你可以通过查看和分析这些代码来加深对JavaScript密码强度测试的理解。同时,动手实践编写和修改代码,会让你更加熟练地运用所学知识。记得...