jQuery实现注册会员时密码强度提示信息功能示例

本文实例讲述了jQuery实现注册会员时密码强度提示信息功能。分享给大家供大家参考，具体如下：

1.效果如图所示：

2.html代码：

pspan设置密码：/span put type=' password ' id=' external _ regist _ password 1 ' name=' password 1 ' value=' '/* span id=' password 1 _ BG ' class=' BG _ rt ' style=' display : none '/span/PP class=' mima _ qd ' id=' password 1 _ strength ' style=' display : none ' span class=' mm _ strength ' em密码强度/em I class=' password _ qd ' span class=' password _ BG ' id=' strength _ L '/span span class=' password _ BG ' id=' strength _ M '/span class=' password _ BG ' id=' strength _ H '/span/I em id=' pw _ check _ info '/em/span/PP class=' tishi _ wr ' id=' password 1 _ info '/P3。 jquery代码：

//checkStrong函数//返回密码的强度级别函数CheckStrong(SPw){ if(SPw。长度=4)返回0;//密码太短var模式=0；for(I=0；isPW.lengthi ){ //测试每一个字符的类别并统计一共有多少种模式//charCodeAt(:)返回采用双字节对字符进行编码编码的值modes |=CharMode(SPw)。charcodeat(I))；//测试某个字符属于哪一类}返回bitTotal(模式);//计算出当前密码当中一共有多少种模式}//CharMode函数//测试某个字符是属于哪一类。函数CharMode(iN){ if (iN=48 iN=57) //数字返回1;if (iN=65 iN=90) //大写字母返回2;if (iN=97 iN=122) //小写返回4;否则返回8;//特殊字符}//bitTotal函数//计算出当前密码当中一共有多少种模式函数BitTotal(num){ var modes=0；for(I=0；i4；i ){ if (num 1)模式；num=1；}返回模式；}//pw strong函数//当用户放开键盘或密码输入框失去焦点时，根据不同的级别显示不同的颜色函数pw强度(pwd){ var O _ color=' # eeee '；var L _ color=' # ff 4040 var M _ color=' # ff 9900 var H _ color=' # 33c c00 var info=if(pwd==null | | pwd==' '){ Lcolor=Mcolor=Hcolor=O _ color；} else { S _ level=CheckStrong(pwd)；//检测密码的强度开关(S _ level){ case 0: Lcolor=L _ color；Mcolor=Hcolor=O _ color信息='弱；打破；案例1: Lcolor=L _ colorMcolor=Hcolor=O _ color信息='弱；打破；case 2: Lcolor=Mcolor=M _ color；Hcolor=O _ color信息='中；打破；默认： Lcolor=Mcolor=Hcolor=H _ color；信息='强；} } $('#strength_L ').css(“”背景，Lcolor)；$('#strength_M ').css(“”背景，Mcolor)；$('#strength_H ').css(“”背景，Hcolor)；$('#pw_check_info ').html(信息);//密码强度提示信息返回；}PS:这里再为大家提供两款相关在线工具供大家参考使用：

密码安全性在线检测：http://工具。JB 51。网络/密码/我的密码安全

高强度密码生成器：http://工具。JB 51。net/password/CreateStrongPassword

在线随机数字/字符串生成工具：http://工具。JB 51。net/aidd design/suijishu

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery form操作技巧汇总》 、 《jQuery常见事件用法与技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。