偷google的验证密码强度(js)

花太香齐 — Thu, 10 Dec 2009 11:05:23 +0000

Google把密码强度分为四等:
1. 密码长度小于或等于6位.或者密码只有一种组合
2. 密码长度大于6位, 且有两种组合.
3. 密码长度大于6位, 且有三种组合.
4. 密码长度大于6位, 且有四种组合.
如果没有输入则返回0
（四种组合指数字,小写字母,大写字母,其它字符）
关于安全说明：https://www.google.com/accounts/PasswordHelp

贴代码吧：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> mimatitle>
head>
<body>
<table>
   <tbody>
   <tr>
   <td>密码：td>
   <td><input id="pwd" onkeyup="CreateRatePasswdReq(this);" type="password" value=""> <span style="FONT-FAMILY: arial,sans-serif">长度必须最少包含 6 个字符。span>
   <table cellSpacing="0" cellPadding="0" border="0">
   <tbody>
   <tr>
   <td vAlign="top" noWrap width="0"><font face="Arial, sans-serif" size="-1">密码强度： font>td>
   <td vAlign="top" noWrap><font face="Arial, sans-serif" color="#808080" size="-1"><strong>
   <div id="passwdRating">div>
   strong>font>td>
   tr>
   <tr>
   <td height="3">td>
   tr>
   <tr>
   <td colSpan="2">
   <table id="passwdBar" cellSpacing="0" cellPadding="0" width="180" bgColor="#ffffff" border="0">
   <tbody>
   <tr>
   <td id="posBar" width="0%" bgColor="#e0e0e0" height="4">td>
   <td id="negBar" width="100%" bgColor="#e0e0e0" height="4">td>
   tr>
   tbody>
   table>
   td>
   tr>
   tbody>
   table>
   td>
   tr>
   tbody>
table>
<script>
var ratingMsgs = ["太短","弱","一般","很好","极佳","未评级"];
var ratingMsgColors = ["#676767","#aa0033","#f5ac00","#6699cc","#008000","#676767"];
var barColors = ["#dddddd","#aa0033","#ffcc33","#6699cc","#008000","#676767"];

function CreateRatePasswdReq(pwd) {
   if (!isBrowserCompatible) {
   return;
   }
   // if(!document.getElementById) return false;
   // var pwd = document.getElementById("pwd");
   if(!pwd) return false;
   passwd=pwd.value;
   var min_passwd_len = 6;
   if (passwd.length < min_passwd_len) {
   if (passwd.length > 0) {
   DrawBar(0);
   } else {
   ResetBar();
   }
   } else {
   //We need to escape the password now so it won't mess up with length test
   rating = checkPasswdRate(passwd);
   DrawBar(rating);
   }
}
function getElement(name) {
   if (document.all) {
   return document.all(name);
   }
   return document.getElementById(name);
}

function DrawBar(rating) {
   var posbar = getElement('posBar');
   var negbar = getElement('negBar');
   var passwdRating = getElement('passwdRating');
   var barLength = getElement('passwdBar').width;
   if (rating >= 0 && rating <= 4) { //We successfully got a rating
   posbar.style.width = barLength / 4 * rating + "px";
   negbar.style.width = barLength / 4 * (4 - rating) + "px";
   } else {
   posbar.style.width = "0px";
   negbar.style.width = barLength + "px";
   rating = 5; // Not rated Rating
   }
   posbar.style.background = barColors[rating];
   passwdRating.innerHTML = "" + ratingMsgs[rating] + "";
}

//Resets the password strength bar back to its initial state without any message showing.
function ResetBar() {
   var posbar = getElement('posBar');
   var negbar = getElement('negBar');
   var passwdRating = getElement('passwdRating');
   var barLength = getElement('passwdBar').width;
   posbar.style.width = "0px";
   negbar.style.width = barLength + "px";
   passwdRating.innerHTML = "";
}

/* Checks Browser Compatibility */
var agt = navigator.userAgent.toLowerCase();
var is_op = (agt.indexOf("opera") != -1);
var is_ie = (agt.indexOf("msie") != -1) && document.all && !is_op;
var is_mac = (agt.indexOf("mac") != -1);
var is_gk = (agt.indexOf("gecko") != -1);
var is_sf = (agt.indexOf("safari") != -1);
function gff(str, pfx) {
   var i = str.indexOf(pfx);
   if (i != -1) {
   var v = parseFloat(str.substring(i + pfx.length));
   if (!isNaN(v)) {
   return v;
   }
   }
   return null;
}
function Compatible() {
   if (is_ie && !is_op && !is_mac) {
   var v = gff(agt, "msie ");
   if (v != null) {
   return (v >= 6.0);
   }
   }
   if (is_gk && !is_sf) {
   var v = gff(agt, "rv:");
   if (v != null) {
   return (v >= 1.4);
   } else {
   v = gff(agt, "galeon/");
   if (v != null) {
   return (v >= 1.3);
   }
   }
   }
   if (is_sf) {
   var v = gff(agt, "applewebkit/");
   if (v != null) {
   return (v >= 124);
   }
   }
   return false;
}

/* We also try to create an xmlhttp object to see if the browser supports it */
var isBrowserCompatible = Compatible();

//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 checkPasswdRate(sPW){
   if (sPW.length<=4)
   return 0; //密码太短
   Modes=0;
   for (i=0;i<sPW.length;i++){
   //测试每一个字符的类别并统计一共有多少种模式.
   Modes|=CharMode(sPW.charCodeAt(i));
   }
   return bitTotal(Modes);
}
script>

body>
html>

直接复制上面html保存运行即可看到。
google的演示地址：go

花太香齐的博客 » 密码强度

偷google的验证密码强度(js)