`
jeasony
  • 浏览: 199504 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

js判断数字:用于判断用户注册时 密码强度的JS代码

    博客分类:
  • js
阅读更多

<script language=javascript> 
//CharMode函数
//source:www.web2bar.cn 
//测试某个字符是属于哪一类. 
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(sPW){ 
if (sPW.length<=4) 
return 0; //密码太短 
Modes=0; 
for (i=0;i<sPW.length;i++){ 
//测试每一个字符的类别并统计一共有多少种模式. 
Modes|=CharMode(sPW.charCodeAt(i)); 

return bitTotal(Modes); 

//pwStrength函数 
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色 
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="" > 
输入密码:
<input type=password size=10 onKeyUp=pwStrength(this.value)
onBlur=pwStrength(this.value)> 
<br>密码强度: 
<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc"
height="23" style='display:inline'> 
<tr align="center" bgcolor="#eeeeee"> 
<td width="33%" id="strength_L">弱</td> 
<td width="33%" id="strength_M">中</td> 
<td width="33%" id="strength_H">强</td> 
</tr> 
</table>
</form>   

分享到:
评论

相关推荐

    JavaScript 密码强度判断代码

    本文将深入解析一段JavaScript代码,该代码用于评估用户输入密码的强度,并通过不同的颜色直观地展示密码的强弱。 #### 密码强度判断原理 密码强度的评估主要基于以下几点: 1. **长度**:密码长度越长,破解难度...

    用户注册密码强度提示代码.rar

    "用户注册密码强度提示代码"是一个专门用于帮助用户在注册时创建强密码的功能。它通常使用JavaScript(JS)来实现,以实时检查并反馈用户输入的密码是否符合设定的安全标准。下面将详细解释这个功能的工作原理和实现...

    vue.js表单密码强度验证代码.zip

    这个"vue.js表单密码强度验证代码"是专门为Vue.js项目设计的一个功能,用于增强用户在手机注册表单中输入密码时的安全性。通过这种验证机制,用户可以得到实时反馈,了解他们设置的密码是否足够强壮,从而降低账户被...

    用于判断用户注册时,密码强度的JS代码

    这段JS代码主要用于在用户注册时实时评估所输入的密码强度,并根据其复杂性显示不同的颜色提示,以便用户了解他们的密码是否足够安全。以下是对代码中关键知识点的详细解释: 1. **字符分类函数(CharMode)**:这个...

    验证密码强度的js代码

    根据提供的文件信息,本文将详细解释一个用于验证密码强度的JavaScript代码,并对该代码中的关键功能进行解析。 ### 验证密码强度的JavaScript代码 #### 一、代码概述 该JavaScript代码实现了基本的密码强度验证...

    vue.js表单输入框密码强度验证代码

    本示例“Vue.js表单输入框密码强度验证代码”专注于创建一个功能,实时评估用户在注册表单中输入的密码强度,并提供相应的反馈。这种交互式的用户体验可以帮助用户创建更安全的密码,降低账户被破解的风险。 实现这...

    兼容性较好的jQuery检测密码强度代码.zip

    标题中的“兼容性较好的jQuery检测密码强度代码”指的是一个使用jQuery库实现的JavaScript代码片段,其目的是为了在网页上提供一种交互式的密码强度检测功能。这个功能常见于用户注册或修改密码的场景,帮助用户创建...

    密码显示强度

    - **JavaScript (js)**:在网页中,JavaScript通常用于实现动态反馈,监听用户的输入事件,并实时更新密码强度指示器的状态。它可能包括计算密码强度的函数,以及更新UI元素(如进度条)的代码。 - **Cascading ...

    js练习4:使用HTML5验证博客园注册页面.zip

    在这个例子中,当用户离开密码输入框时,`checkPasswordStrength`函数会被调用,根据返回的提示信息更新显示的密码强度。 此外,还可以使用JavaScript监听表单提交事件,防止未通过验证的表单数据被发送到服务器。...

    passwdqc的JavaScript端口。密码密码强度检查和策略.zip

    `passwdqc` 是一个用于密码强度检测和策略实施的工具,最初是用 C 语言编写的,而"passwdqc的JavaScript端口"则是将其功能移植到了 JavaScript 语言中,使得在 Web 前端也能进行密码安全性的评估。这个压缩包文件 ...

    javaWeb验证登录密码强度

    - **前端验证**:用户在输入密码时,前端可能实时显示密码强度,例如通过进度条或文字提示。 - **AJAX异步通信**:前端可以使用JavaScript和AJAX技术向后端发送密码强度请求,不刷新页面就能获取反馈。 4. **...

    用于估计用户输入密码强度的jQuery插件。_JavaScrip.zip

    标题中的“用于估计用户输入密码强度的jQuery插件”指的是一个JavaScript库,它结合了jQuery框架,用于实时评估用户在密码输入字段中键入的密码的安全性。这种插件通常会根据密码的长度、复杂性(包括大写字母、小写...

    基于jsp页面的密码强度效果的显示

    在这个例子中,JavaScript监听密码输入框的`onKeyUp`和`onBlur`事件,当用户输入或离开输入框时触发密码强度检查。 4. **CharMode函数**:这个函数用于确定输入字符的类型,如数字、大写字母、小写字母或特殊字符,...

    密码强度智能判断适合有会员模块的网站.zip

    这个压缩包“密码强度智能判断适合有会员模块的网站.zip”显然是一个前端代码资源,用于帮助开发者实现这一功能。 首先,我们需要理解什么是密码强度智能判断。它是一种评估用户输入的密码复杂度的方法,通常基于一...

    MooTools1.3的密码强度检查器_JavaScript_下载.zip

    2. **复杂度评估**:检查器通常会考虑多种因素来判断密码强度,包括长度、是否包含大写字母、小写字母、数字、特殊字符等。 3. **规则定制**:开发者可以根据特定项目的需求自定义规则,比如最小长度、必须包含特定...

    JavaScript注册时密码强度校验代码

    ### JavaScript注册时密码强度校验代码详解 在网站或应用的用户注册流程中,密码的安全性至关重要。一个安全的密码可以有效防止账户被恶意破解。本文将详细介绍如何使用JavaScript实现密码强度校验功能,并通过不同...

    js实现密码强度检测【附示例】

    js实现密码强度检测是指通过JavaScript编程语言编写的一段代码,用于在用户输入密码时,根据密码的组成、长度等因素判断密码的安全性级别,一般是分为“弱”、“中”、“强”三个等级。在用户注册或更改密码时,这种...

    注册页面 验证 密码 JavaScript HTML CSS

    对于密码强度的验证,可能需要用到正则表达式进行匹配,确保密码包含大小写字母、数字和特殊字符。同时,还可以使用`setCustomValidity`方法来设置自定义错误消息,当验证失败时显示给用户。 5. **AJAX...

    公共js判断,js控件

    例如,密码强度验证可能需要包含大小写字母、数字和特殊字符的组合;邮箱验证则需要用到正则表达式检查其格式是否正确。通过在前端进行这些验证,可以即时反馈给用户,避免无效的提交请求。 2. **公共函数**:将...

Global site tag (gtag.js) - Google Analytics