js密码强度校验


Posted in Javascript onNovember 10, 2015

现在很多论坛和博客都在用户注册时添加了验证密码强度的功能,在以前的文章中,我们曾经给出过一段检验密码强度的例子,今天再看一个与《js密码强度校验》的代码。

效果:

js密码强度校验

<html>
<head>
<script language="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 /= 2;
 }
 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;
}
</script>

</head>

<body>

<form>
输入密码:<input type="password" size="10" onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)">
<br>密码强度:
 <table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="20">
 <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>

</body>
</html>

以上就是为大家分享的js密码强度校验的全部代码,希望对大家的学习有所帮助。

Javascript 相关文章推荐
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 Javascript
Vue2.0表单校验组件vee-validate的使用详解
May 02 Javascript
jQuery实现frame之间互通的方法
Jun 26 jQuery
angular4自定义组件详解
Sep 28 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
Dec 19 Javascript
学习Vue组件实例
Apr 28 Javascript
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 Javascript
浅谈Vue组件单元测试究竟测试什么
Feb 05 Javascript
详解javascript函数的参数
Nov 10 #Javascript
JavaScript函数的一些注意要点小结及js匿名函数
Nov 10 #Javascript
javascript实现五星评分功能
Nov 10 #Javascript
javascript实现密码验证
Nov 10 #Javascript
JavaScript编程的单例设计模讲解
Nov 10 #Javascript
js数组常见操作及数组与字符串相互转化实例详解
Nov 10 #Javascript
浅谈javascript中replace()方法
Nov 10 #Javascript
You might like
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
require(),include(),require_once()和include_once()的异同
2007/01/02 PHP
php定时计划任务的实现方法详解
2013/06/06 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
基于Laravel5.4实现多字段登录功能方法示例
2017/08/11 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
2017/08/04 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
详解React中setState回调函数
2018/06/14 Javascript
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
Python实现微信公众平台自定义菜单实例
2015/03/20 Python
Python图算法实例分析
2016/08/13 Python
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
15行Python代码带你轻松理解令牌桶算法
2018/03/21 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
Python smtplib实现发送邮件功能
2018/05/22 Python
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
selenium+python实现自动化登录的方法
2018/09/04 Python
浅谈Python脚本开头及导包注释自动添加方法
2018/10/27 Python
浅谈python新式类和旧式类区别
2019/04/26 Python
Python3基础教程之递归函数简单示例
2019/06/07 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
pycharm实现在虚拟环境中引入别人的项目
2020/03/09 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
美国折扣地毯销售网站:Rugs.com
2020/03/27 全球购物
C++的几个面试题附答案
2016/08/03 面试题
影视艺术学院毕业生自荐信
2013/11/13 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
2015年元旦联欢晚会活动总结
2014/11/28 职场文书
2014年销售经理工作总结
2014/12/01 职场文书