Posted on 2007-03-22 14:16
Jaunt 閱讀(1285)
評論(1) 編輯 收藏 所屬分類:
JavaScript
??JS檢驗密碼安全性等級：（首先聲明,本文非我原作）
? <STYLE type=text/css>
??? body {
??? font-size: 12px;
??? font-family: Tahoma, Arial;
??? background: #C4C8CB;
??? margin: 0px;
??? padding: 0px;
??? }
??? td {
??? padding-left: 5px;
??? font-size: 12px;
??? font-family: Tahoma, Arial;
??? }
??? .blueFont {color: #6699CC}
??? .redFont {color: #FF0000}
??? /***** Other Elements in Page Content *****/
??? .pwd-strength {
??? padding: 2px;
??? padding-left: 5px;
??? padding-right: 5px;
??? width: 180px;
??? border: solid 1px #CCCCCC;
??? }
??? .pwd-strength-box,
??? .pwd-strength-box-low,
??? .pwd-strength-box-med,
??? .pwd-strength-box-hi
??? {
??? color: #464646;
??? text-align: center;
??? width: 33%;
??? }
??? .pwd-strength-box-low
??? {
??? color: #990000;
??? background-color: #FFECEC;
??? }
??? .pwd-strength-box-med
??? {
??? color: #000066;
??? background-color: #D2E9FF;
??? }
??? .pwd-strength-box-hi
??? {
??? color: #003300;
??? background-color: #DDFFDD;
??? }
??? </STYLE>
??? <SCRIPT language=javascript>
??? function checkPassword(pwd){
??? var objLow=document.getElementById("pwdLow");
??? var objMed=document.getElementById("pwdMed");
??? var objHi=document.getElementById("pwdHi");
??? objLow.className="pwd-strength-box";
??? objMed.className="pwd-strength-box";
??? objHi.className="pwd-strength-box";
??? if(pwd.length<6){
??? objLow.className="pwd-strength-box-low";
??? }else{
??? var p1= (pwd.search(/[a-zA-Z]/)!=-1) ? 1 : 0;
??? var p2= (pwd.search(/[0-9]/)!=-1) ? 1 : 0;
??? var p3= (pwd.search(/[^A-Za-z0-9_]/)!=-1) ? 1 : 0;
??? var pa=p1+p2+p3;
??? if(pa==1){
??? objLow.className="pwd-strength-box-low";
??? }else if(pa==2){
??? objMed.className="pwd-strength-box-med";
??? }else if(pa==3){
??? objHi.className="pwd-strength-box-hi";
??? }
??? }
??? }
??? </SCRIPT>
??? <BR>
??? <TABLE borderColor=#ffffff cellSpacing=0 borderColorDark=#eeeeee cellPadding=0 width=400 align=center bgColor=#ffffff border=1>
??? <TBODY>
??? <TR>
??? <TD align=middle bgColor=#ffffcc colSpan=2 height=22><SPAN class=blueFont><B>校驗密碼安全性</B></SPAN></TD></TR>
??? <TR>
??? <TD style="WIDTH: 100px">請輸入密碼：</TD>
??? <TD><INPUT onkeyup=checkPassword(this.value); type=password value="" name=password></TD></TR>
??? <TR>
??? <TD style="WIDTH: 100px">安全性等級：</TD>
??? <TD>
??? <TABLE class="pwd-strength FCK__ShowTableBorders" cellSpacing=0 cellPadding=0 width="100%">
??? <TBODY>
??? <TR>
??? <TD class=pwd-strength-box id=pwdLow>低</TD>
??? <TD class=pwd-strength-box id=pwdMed>中</TD>
??? <TD class=pwd-strength-box id=pwdHi>高</TD></TR></TBODY></TABLE></TD></TR>
??? <TR>
??? <TD colSpan=2><SPAN class=redFont>建議至少 6 個字符. 請使用強密碼以保證安全.</SPAN></TD></TR></TBODY></TABLE>
from index：
http://www.cnitblog.com/yemoo/archive/2006/07/04/13219.html