A JavaScript Fancier

伟大的javascript技术研究中...

:: 管理 ::

304 随笔 :: 0 文章 :: 361 评论 :: 0 Trackbacks

代码如下:

<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>

posted on 2006-07-04 10:29 Yemoo'S JS Blog 阅读(540) 评论(0) 编辑收藏引用所属分类: javascript代码收藏