最近在google个人帐号中修改密码,觉得里面的密码强度提示比较有意思,与大家分享。
效果预览:
demo
实现思路:
1.将input绑定onkeyup事件(当键盘按下时触发事件).
< input onkeyup=”verifyPwdStrong()” type=”text” />
2.判断并画出密码强度
function verifyPwdStrong(){
var passwd = document.getElementById('userpwd1');
var minLength = 6;
if(passwd.value.length >= minLength){
var rating = checkStrong(passwd.value);
drawBar(rating);
}else{
if(passwd.value.length > 0){
drawBar(0);
}else{
resetBar();
}
}
}
密码强度算法如下:
//计算出当前密码当中一共有多少种模式
function bitTotal(num){
var modes = 0;
for(var i = 0;i < 4;i++){
if(num & 1){modes++;}
num >>>= 1;
}
return modes;
}
//字符类型
function charMode(content){
if(content >= 48 && content <= 57){
return 1;
}else if(content >= 65 && content <= 90){
return 2;
}else if(content >= 97 && content <= 122){
return 4;
}else{
return 8;
}
}
//密码强度
function checkStrong(content){
var modes = 0;
if(content.length < 6){
return modes;
}
for(var i = 0;i < content.length; i++){
modes |= charMode(content.charCodeAt(i));
}
return bitTotal(modes);
}
更多内容请查看
www.sword88.com
分享到:
相关推荐
JavaScript 密码强度判断代码,支持下~~
JS判断密码强度</title> [removed] //判断输入密码的类型 function CharMode(iN){ if (iN>=48 && iN <=57) //数字 return 1; if (iN>=65 && iN <=90) //大写 return 2; if (iN>=97 && iN <=122) //...
QQ密码强度判断,javascript 代码自动判断文本框中的密码强度
打开即可运行,查看代码 自己研究哈...
Javascript密码强度是用js写的判断密码的强度的代码
用javascript来判断输入密码的强弱程度
一个比较简单的JavaScript密码强弱检测判断代码,检测用户输入密码的强度是多少,通过JS方法计算密码强度,适时提醒用户的密码是否安全,现在这种功能基本上很普遍了,本代码没有使用正则表达式。代码中的密码强度值...
本文实例讲述了JavaScript动态检测密码强度原理及实现方法。分享给大家供大家参考,具体如下: 在注册账户,设置密码时,会出现密码强度动态检测,网上看了一些帖子,大多只写了具体的实现过程,而没有对原理的分析...
为了保证网站个人信息的安全,很多网站在注册页面都设置密码强度这项,用javascript如何实现密码强度校验代码呢?下面小编给大家整理了两种方法使用javascript密码强度校验代码,有需要的朋友可以参考下
实用的javascript代码,密码强度判断,邮箱格式判断,日期格式判断一应俱全,完整实用
这篇文章主要介绍了js实现密码强度检测的相关实例,第一个例子给出了全部代码,可以直接运行,第...JS判断密码强度</title> [removed] //判断输入密码的类型 function CharMode(iN){ if (iN>=48 && iN <=57) /
html+JavaScript架构 可以用在.asp .php .jsp的用户注册页面中 功能如下: 1.可以验证用户密码的安全级别并返回安全级别的等级 全部数字安全级别为低 数字+字母安全级别为中 数字+大小写字母安全级别为最高 并且密码...
主要介绍了JS基于正则表达式实现的密码强度验证功能,涉及javascript事件响应及基于正则的字符遍历、判断等相关操作技巧,需要的朋友可以参考下
本文实例讲解了js密码强度检测的实现代码,分享给...JS判断密码强度</title> [removed] //判断输入密码的类型 function CharMode(iN){ if (iN>=48 && iN <=57) //数字 return 1; if (iN>=65 && iN <=90)
内容索引:脚本资源,Ajax/JavaScript,密码强度计算 此代码演示了在表单中运用JS来判断用户输入的密码强度,以及长度是否符合要求,随着用户的输入程序会出现“强、中、弱”的强度提示。现在很多网站在用户注册表单...
16.14 密码强度检查 16.15 身份证的验证 16.16 JavaScript生成验证码 16.17 JavaScript生成验证码(二) 第17章 进度条、滚动条特效处理 17.1 使用符号制作的进度条 17.2 用table制作的进度条 17.3 CSS+JS制作的进度条...