<html>
<head>

<meta http-equiv="content-type" content="text/html"; charset="utf-8"/>

<script src="./js/jquery-1.8.0.min.js"></script>

<script type="text/javascript">

//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 checkStrong(sPW){  

if (sPW.length<=4)  

return 0; //密码太短  

Modes=0;  

for (i=0;i<sPW.length;i++){  

//测试每一个字符的类别并统计一共有多少种模式.  

Modes|=CharMode(sPW.charCodeAt(i));  

}

return bitTotal(Modes);

}

//pwStrength函数  

//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色

function pwStrength(pwd){  

O_color="#eeeeee";  

L_color="#FF0000";  

M_color="#FF9900";  

H_color="#33CC00";  

if (pwd==null||pwd==''){  

Lcolor=Mcolor=Hcolor=O_color;  

}  

else{  

S_level=checkStrong(pwd);  

switch(S_level) {  

case 0:  

Lcolor=Mcolor=Hcolor=O_color;  

case 1:  

Lcolor=L_color;  

Mcolor=Hcolor=O_color;  

break;  

case 2:  

Lcolor=Mcolor=M_color;  

Hcolor=O_color;  

break;  

default:  

Lcolor=Mcolor=Hcolor=H_color;  

}  

}

document.getElementById("strength_L").style.background=Lcolor;  

document.getElementById("strength_M").style.background=Mcolor;  

document.getElementById("strength_H").style.background=Hcolor;  

return;  

}   

</script>

</head>

<body>

<div>

<form name="form1" action="" >  

输入密码:<input type="password" size="15" onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)">  

<br/>密码强度:  

<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'>  

<tr align="center" bgcolor="#eeeeee">

<td width="33%" id="strength_L">弱</td>  

<td width="33%" id="strength_M">中</td>  

<td width="33%" id="strength_H">强</td>  

</tr>  

</table>

</form>

</div>

</body>

</html>

js实现密码强度验证的更多相关文章

  1. 这篇文章主要为大家详细介绍了jQuery密码强度验证控件使用详解的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

    本文实例为大家分享了jQuery密码强度验证控件,供大家参考,具体内容如下 <html>   <head>     <meta http-equiv="Cont ...

  2. 正则表达式之js检验密码强度

    最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高).今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求. html 代码如下: <!DOCTYP ...

  3. MySQL密码强度验证修改

    MySQL5.6.6版本之后增加了密码强度验证插件validate_password,相关参数设置的较为严格. 影响的语句和函数有:create user,grant,set password,pas ...

  4. js判断密码强度

    html代码: <form name="form1" action=""> 密码:<input type="password&quo ...

  5. js 检验密码强度

    html 代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset=&quo ...

  6. 【javascript】js 检验密码强度

    最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高).今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求. html 代码如下: <!DOCTYP ...

  7. js实现密码强度

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  8. javascript密码强度验证!

    //CharMode函数 //测试某个字符是属于哪一类 function CharMode(iN) { if (iN>=48 && iN <=57) //数字 return ...

  9. Js判断密码强度并显示提示信息

    用javascipt实现的Ajax判断密码强弱的功能,大多数有用户注册功能的网站,都会有这么一个功能,作为WEB程序员,应该会写这种小模块哦,不懂的就看下这个例子,觉得挺简单,当初帮助了不少人学会了密 ...

随机推荐

  1. 静态化 - 伪静态技术（Apache Rewrite 实现）

    打开apache的配置文件httpd.conf 找到 #LoadModule rewrite_module modules/mod_rewrite.so 把前面#去掉.没有则添加,但必选独占一行,使a ...

  2. 【Hibernate】set排序

    使用hibernate进行一对多操作的时候,普遍使用HashSet进行操作.但是HashSet是无序集合,对此可以使用TreeSet进行排序. 1.将HashSet改为TreeSet private ...

  3. linux常用命令系列—cp 复制文件与文件夹

    原文地址:http://blog.chinaunix.net/xmlrpc.php?r=blog/article&uid=2272&id=37363 指令名称:cp(copy)功能介绍 ...

  4. 1.unix网络编程基础知识

    接触网络编程一年多了,最近在系统的学习vnp两本书,对基础知识做一些总结,希望理解的更透彻清晰,希望能有更多的沉淀. 1.套接口地址 针对IPv4和IPv6地址族,分别定义了两种类型的套接口地址:so ...

  5. Python 2.7 学习笔记 基本语法和函数定义

    本文介绍下python的基本语法 一.变量定义 不需要说明类型,也不需要像js等脚本语言使用var等标识符.直接声明即可,如: num=1 说明:上面语句声明了一个变量num,并在声明时初始化值为 1 ...

  6. python爬虫实战2百度贴吧爬html

    转自:http://blog.csdn.net/wxg694175346/article/details/8927832 import string, urllib2 #定义百度函数 def baid ...

  7. [概率dp] ZOJ 3822 Domination

    题意: 给N×M的棋盘.每天随机找一个没放过棋子的格子放一个棋子 问使得每一个每列都有棋子的天数期望 思路: dp[i][j][k] 代表放了i个棋子占了j行k列 到达目标状态的期望 然后从 dp[n ...

  8. 关于Cocos2d-x 3.0正式版 粒子问题在IOS上正常显示，在Android下有问题的解决方式

    前几个在Cocos2d-x论坛上,有人提到粒子系统的问题..这里列举一下解决的方法: 或许到时候大家用粒子效果的时候也会发现这个问题,如今把这个问题的解决办法说出来.至于原因我也不知道是引擎的问题还是 ...

  9. VS2013配置opencv3.0.0 （win8.1）

    今天下载了最新版本的opencv3.0.0,之前一直是opencv2.4.8 点击.exe文件,我将解压后的文件夹放在D:\盘,取名opencv30,D:\opencv30 添加环境变量:D:\ope ...

  10. C 语言学习 之搭建环境和熟悉命令

    Open Terminal 打开终端To run a command as administrator (user "root"), use "sudo <comm ...