JavaScript密码强度检测

jhlovett

浏览: 614150 次
性别:
来自: 卡哇伊

最近访客更多访客>>

vcmasm

成长的菜鸟

zaweze

wwwxxxttt

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript

JavaScript J#XHTML CSS HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>密码强度检测</title>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
    <style type="text/css">
    body {font-size:12px}
    .pwd-strength-box,
    .pwd-strength-box-low,
    .pwd-strength-box-med,
    .pwd-strength-box-hi
    {
    color: #464646;
    text-align: center;
    width: 40px;
    }
    .pwd-strength-box-low
    {
    color: #CCCCCC;
    background-color: #E0FFA2;
    width: 40px;
    }
    .pwd-strength-box-med
    {
    color: #666666;
    background-color: #D1FF46;
    width: 40px;
    }
    .pwd-strength-box-hi
    {
    color: #000000;
    background-color: #C0F000;
    width: 40px;
    }
</style>

    <script type="text/javascript">
    /*
 函数名称：trim()
 函数功能: 去掉字符串的前后空格
 传入参数：字符串变量
 传出结果：去掉前后空格后的字符串
*/
function trim(srcStr)
{
 var i,j,len;
  len=srcStr.length;
 for(i=0;i<len;i++)
  if(srcStr.charAt(i)!=' ') break;
 for(j=len-1;j>=i;j--)
  if(srcStr.charAt(j)!=' ') break;
 if(i>j) 
  return "";
  else 
  return srcStr.substr(i,j-i+1);
}
function $(obj)
{
    return document.getElementById(obj);
}
//检查密码等级
function checkpwdlevel(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)
        {
            objLow.className="pwd-strength-box-low";
            objMed.className="pwd-strength-box-med";
        }
        else if(pa==3)
        {
            objLow.className="pwd-strength-box-low";
            objMed.className="pwd-strength-box-med";
            objHi.className="pwd-strength-box-hi";
        }
    }
}
    </script>

</head>
<body>
    <table width="100%" border="0" cellspacing="0">
        <tr>
            <td height="32" align="right" style="width: 83px">
                密码：</td>
            <td align="left">
                <input id="password" type="password" size="18" name="userpwd" runat="server" onkeyup="javascript:checkpwdlevel(this.value);"
                    class="register_input" /></td>
        </tr>
        <tr>
            <td height="32" align="right" style="width: 83px">
                安全性等级：</td>
            <td align="left">
                <table style="border-left: 1px solid #7CA001; border-top: 1px solid #7CA001; border-right: 1px solid #7CA001;
                    border-bottom: 1px solid #7CA001;" cellspacing="0" cellpadding="0" width="120px">
                    <tbody>
                        <tr>
                            <td class="pwd-strength-box" id="pwdLow" style="width: 40px; height: 16px" align="center"
                                valign="bottom">
                                弱</td>
                            <td class="pwd-strength-box" id="pwdMed" style="width: 40px; height: 16px" align="center"
                                valign="bottom">
                                中</td>
                            <td class="pwd-strength-box" id="pwdHi" style="width: 40px; height: 16px" align="center"
                                valign="bottom">
                                强</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>

查看图片附件

分享到：

sql多表连接查询inner join, left join , ... | 数据库设计14个技巧

2009-06-19 20:21
浏览 1017
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JavaScript密码强度检测

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JavaScript密码强度检测

评论

发表评论

相关推荐

简单选项卡制作方式

字体放大效果，字体[大][中][小]

JS中保留两位小数

JS中String,Date,Math常用函数

eval，confirm,alert,prompt函数

从零开始学习jQuery(剧场版) 你必须知道的javascript

深入浅出JSON

数据类型和Json格式

防止网页被嵌入框架的代码

学习javascrip闭包 (closure)

花点时间搞清top、postop、scrolltop、scrollHeight、offsetHeight

document.write()和document.writeln()的区别

几个常用的小函数(检查是否为数字,否为电话号码,num是否是负数,检查是否为日期...)

为什么二月的天数比其他月少？

iframe自适应高度

document.body和document.documentElement的区别

从父页面读取和操作iframe中内容方法

JsTAB选项卡示例集合(二)

Js Tab选项卡示例集合

Js事件列表

最近访客更多访客>>