最近在google个人帐号中修改密码,觉得里面的密码强度提示比较有意思,与大家分享。
效果预览:[url=http://www.sword88.com/wp-content/uploads/2010/10/verify.html]demo[/url]
实现思路:
1.将input绑定onkeyup事件(当键盘按下时触发事件).
< input οnkeyup=”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);
}
更多内容请查看[url=http://www.sword88.com]www.sword88.com[/url]
效果预览:[url=http://www.sword88.com/wp-content/uploads/2010/10/verify.html]demo[/url]
实现思路:
1.将input绑定onkeyup事件(当键盘按下时触发事件).
< input οnkeyup=”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);
}
更多内容请查看[url=http://www.sword88.com]www.sword88.com[/url]