js实现密码强度
<!doctype html>
<html> <head>
<meta charset="utf-8">
<title>js密码强度</title>
<style type="text/css">
.pw_letter{ margin-top:5px; font-size: 12px; }
.pw_letter label{float: left; margin-right:10px; cursor: default; font-size: 12px; line-height: 16px;;}
.pw_letter span{ float: left; display:inline-block; width:30px; height:16px; line-height:16px; text-align:center;
color:#FFF; background-color:#ccc; border-left: 1px solid #FFF;}
.pw_letter span.pw_strength_color{ background-color:green;} </style>
</head> <body> <input id="password" type="password" name="password" placeholder="密码" onKeyUp="setPasswordStrength(this.value.trim())">
<div class="pw_letter"><label>安全程度</label> <span class="strength">弱</span> <span class="strength">中</span> <span class="strength">强</span> </div> <script type="text/javascript">
/*
*密码安全程度
*return 1 :全部为字母或者数字,或者密码长度小于6
*return 2 : 字母数字组成,或者字母特殊字符,或者数字和特殊字符
*return 3 : 字母和数字和特殊字符
*/
String.prototype.passwordStrength=function(){
if(this.length>0 && this.length<=6) return 1;
var n1 = (this.search(/[a-zA-Z]/) != -1) ? 1 : 0,
n2 = (this.search(/[0-9]/) != -1) ? 1 : 0,
n3 =(this.search(/[\~\`\!\@\#\$\%\^\&\*\(\)\_\+\-\=\[\]|{\}\;\'\:\"\,\.\/\<\>\?]{1,}/) != -1) ? 1 : 0;
return n1+n2+n3;
} String.prototype.trim = String.prototype.trim || function(){
return this.replace(/^\s+|\s+$/g,"");
} function setPasswordStrength(pwd){
var strength_span = document.getElementsByClassName("strength");
for(var i=0; i<strength_span.length; i++){
strength_span.item(i).className="strength";
}
for(var i=0; i<pwd.passwordStrength(); i++){
document.getElementsByClassName("strength").item(i).className="strength pw_strength_color";
}
} </script>
</body> </html>
js实现密码强度的更多相关文章
- 正则表达式之js检验密码强度
最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高).今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求. html 代码如下: <!DOCTYP ...
- js判断密码强度
html代码: <form name="form1" action=""> 密码:<input type="password&quo ...
- js 检验密码强度
html 代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset=&quo ...
- js实现密码强度验证
<html> <head> <meta http-equiv="content-type" content="text/html" ...
- 【javascript】js 检验密码强度
最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高).今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求. html 代码如下: <!DOCTYP ...
- Js判断密码强度并显示提示信息
用javascipt实现的Ajax判断密码强弱的功能,大多数有用户注册功能的网站,都会有这么一个功能,作为WEB程序员,应该会写这种小模块哦,不懂的就看下这个例子,觉得挺简单,当初帮助了不少人学会了密 ...
- js判断密码强度是否符合
/** 判断密码强度是否符合 */ function check_passwd_intensity(password) { value = $.trim(password); if( value.le ...
- js校验密码强度
网上转载的一段代码,留着以后用, js文件: //判断输入密码的类型 function CharMode(iN){ if (iN>=48 && iN <=57) //数字 ...
- js检测密码强度
<script> function AuthPasswd(string) { if(string.length >=6) { if(/[a-zA-Z]+/.t ...
随机推荐
- [QT] 小知识集锦
qt 中关于 QWidget 的背景颜色和背景图片的设置 首先设置autoFillBackground 属性为真 然后定义一个QPalette 对象 设置QPalette 对象的背景属性(颜色或图片) ...
- [k8s]kube-router替代kube-proxy实现svc网络和pod网络
本文讲解了kube-router部署,无需在部署kube-proxy了. kube-router采用lvs实现svc网络,采用bgp实现pod网络. kube-router也是基于cni网络,本文是容 ...
- [docker]docker0网络模型探究
docker0网络模型step by step 将docker的ns软链到linux ns $ ln -s /var/run/docker/netns /var/run/netns 查看ns,无 $ ...
- Linux系统中 Sublime Text 中文 GBK 文件乱码问题
Sublime Text 是一个很不错编辑器,具有漂亮的界面和强大的功能.再加上丰富的插件,而且还跨平台,绝对是一款实打实的神器啊! 众所周知,Sublime Text 对中文支持的极差,可以说几乎就 ...
- Mongodb查询引用
var result = db.users.findOne({"name":"Tom Wu"},{"address_ids":1,_id:0 ...
- 【快速查阅】SQLPLUS连接ORACLE
使用SQLPLUS连接ORACLE常用的有两种方式. 一.简易方式 sqlplus 用户名/密码@IP或主机名:端口/数据库服务名称 二.预先配置TNSNAMES的方式 在“%ORACLE_HOME% ...
- pssh安装和使用
前提,安装了python.pssh安装下载pssh-2.2.2.tar.gztar zxvf pssh-2.2.2.tar.gzcd pssh-2.2.2python setup.py buildpy ...
- mysql出现The total number of locks exceeds the lock table size解决办法
mysql命令行下查看show variables like 'innodb_buffer_pool_size'; 修改innodb_buffer_pool_size值: windows下面 my.i ...
- C#中一道关于线程同步的练习题——模拟多窗口售票
题目:模拟窗口卖票,四个窗口同时对外开放售票,需要按顺序售出. 要求:输出每一张票的售出时间和售出窗口,不能出现票未售出或者被售出多次的情况. using System; using System.C ...
- Django 缓存、信号
Reference: http://www.cnblogs.com/lianzhilei/p/6365877.html 缓存 由于Django是动态网站,所有每次请求均会去数据进行相应的操作,当程序访 ...