JS检查password强度
代码均通过测试，效果图如下，如遇乱码将utf-8改为gb2312即可。
<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <mce: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; } --></mce:style><style type="text/css" mce_bogus="1"> 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> <mce: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"; } } } // --></mce: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" οnkeyup="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;" mce_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>
JS检查password强度相关推荐
- PHP密码复杂性验证,JS检查密码强度 检查密码复杂度
$('#pass').keyup(function (e) { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])( ...
- 使用node.js检查js语法错误
如果没有一些工具和插件写JavaScript代码遇到语法错误找起来很费时间,请教了同事怎么用node.js检查 用浏览器测试的时候报语法错误. 1.点击红圈中的蓝色按钮,下次刷新是会在抛出异常的时候自 ...
- js判断html密码,JS判断密码强度 - KG-鲜血、汗水和眼泪 - OSCHINA - 中文开源技术交流社区...
JS判断密码强度 //判断输入密码的类型 function CharMode(iN){ if (iN>=48 && iN <=57) //数字 return 1; if ( ...
- js检测密码强度的功能实现逻辑思路及实例
适用范围:js.node以及其他语言的密码强度验证逻辑参考. 文章说明:分享密码强度验证的逻辑.实例.思路. 简单实例: //以密码的字符长度,包含内容进行一个得分的输出 var pwd = &quo ...
- js 设置password placeholder样式_150+ 个优质的 Node.js 包和资源
持续更新,最新内容访问 GitHub 地址:https://github.com/zerolab-fe/awesome-nodejs AI brain.js - 基于模型训练的神经网络 JS 库,支持 ...
- js用户密码强度验证函数
js调用此函数,返回密码强度级别 function getStrength(passwd){intScore = 0;if (passwd.match(/[a-z]/)) // [验证]至少一个小写字 ...
- Node.js检查路径是文件还是目录
本文翻译自:Node.js check if path is file or directory I can't seem to get any search results that explain ...
- JS检查是否支持Storage
查看效果:http://hovertree.com/code/html5/q69kvsi6.htm 代码: <!DOCTYPE html> <html> <head> ...
- js 设置password placeholder样式_装机必备！超级详细的BIOS设置图解
对于很多人来说,在装系统过程中难免遇到各类问题,其中最让人头疼的就是BIOS设置了.BIOS设置对于大多数人来说还是比较陌生的,毕竟BIOS设置基本上很少有中文的,给我们设置也带来很大难度.如果你不了 ...
最新文章
- SAP PM预防性维护
- git每次操作提示输入密码问题解决
- 申万一级行业日指数_申万一级行业指数一周表现
- 『奇葩问题集锦』Fedora ubuntu 下使用gulp 报错 Error: watch ENOSPC 解决方案
- 字节输出流写多个字节的方法
- 五、“嵌段共聚醚酯型”易去污整理剂的结构特点及对织物服用性的影响？
- spring boot: spring Aware的目的是为了让Bean获得Spring容器的服务
- WPR-007：WPF中窗体的透明设置
- Opencv ORC——文字定位与切割
- 巨杉数据库 v5.0 Beta 正式发布！
- 九、Oracle学习笔记：聚合函数
- FRR BGP协议分析12 -- ZEBRA路由的处理1
- Hello Qt（十四）——QT绘图系统
- FeHelper工具（Web前端助手）
- css中如何使图标的旋转
- 看完一篇论文，如何写该论文研究思路？
- python 网络爬虫
- 【PyTorch】3 AI诗人RNN实战(LSTM)——完成诗歌剩余部分、生成藏头诗
- 项目总结：HR员工系统
- 欲与青龙重得水，来年再战不周山