• [转]JS检验密码安全性等级


    http://www.cnitblog.com/yemoo/archive/2006/07/04/13219.html

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

  • 相关阅读:
    0326系统按钮添加权限的工作(jsp权限写法)
    0321菜单数据
    ztree树的递归
    前端padding margin
    解决1像素边框问题
    水平垂直居中
    移动端css公共样式
    tap方法改良this指向
    移动端常见问题
    前端笔记(兼容)
  • 原文地址:https://www.cnblogs.com/xjyggd/p/1504315.html
Copyright © 2020-2023  润新知