前端开发

首页 > 前端开发 > javascript > javascript密码强度校验代码（两种方法）

javascript密码强度校验代码（两种方法）

分享到：

【字体：大中小】

2016-12-30
来源：网络
411
27
7

导读：
先看效果图： javascript密码强度校验代码，具体实现思路不多说了，请看下面代码和demo。第一种方法： /**密码安全程度*return：全部为字母或者数字,或者密码长度小于*return:字母数字组...

先看效果图：

javascript密码强度校验代码，具体实现思路不多说了，请看下面代码和demo。

第一种方法：

/*
 *密码安全程度 
 *return ：全部为字母或者数字,或者密码长度小于
 *return : 字母数字组成，或者字母特殊字符，或者数字和特殊字符
 *return : 字母和数字和特殊字符
 */
 String.prototype.passwordStrength=function(){
 if(this.length> && this.length<=) return ;
 var n = (this.search(/[a-zA-Z]/) != -) ? : ,
 n = (this.search(/[-]/) != -) ? : ,
 n =(this.search(/[~`!@#$%^&*()_+-=[]|{};':",./\?]{,}/) != -) ? : ; 
 return n+n+n;
 }

demo

 



js密码强度

.pw_letter{ margin-top:px; font-size: px; }
.pw_letter label{float: left; margin-right:px; cursor: default; font-size: px; line-height: px;;}
.pw_letter span{ float: left; display:inline-block; width:px; height:px; line-height:px; text-align:center; color:#FFF; background-color:#ccc; border-left: px solid #FFF;}
.pw_letter span.pw_strength_color{ background-color:green;}




安全程度 弱 中 强

/* *密码安全程度 *return ：全部为字母或者数字,或者密码长度小于 *return : 字母数字组成，或者字母特殊字符，或者数字和特殊字符 *return : 字母和数字和特殊字符 */ String.prototype.passwordStrength=function(){ if(this.length> && this.length<=) return ; var n = (this.search(/[a-zA-Z]/) != -) ? : , n = (this.search(/[-]/) != -) ? : , n =(this.search(/[~`!@#$%^&*()_+-=[]|{};':",./<>?]{,}/) != -) ? : ; return n+n+n; } 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=; i

第二种方法：

javascript代码如下：

以上通过两种方法介绍了javascript密码强度校验代码，希望对大家有所帮助。

分享到：

javascript中的内部属性与delete操作符介...
本教程讲解javascript中的内部属性与delete操作符介绍在讲解Configurable之前，我们首先来看一道面试题： a = 1; console.log( window.a ); // 1 console.log( delete window.a ); // true console.log( window.a ); // undefined var b = 2; console.log( window.b ); // 2 console.log( ...

javascript高效率的操作dom方法教程
本教程讲解javascript高效率的操作dom方法教程我们知道，DOM是用于操作XML和HTML文档的应用程序接口，用脚本进行DOM操作的代价很昂贵。有个贴切的比喻，把DOM和JavaScript（这里指ECMScript）各自想象为一个岛屿，它们之间用收费桥梁连接，ECMAScript每次访问DOM，都要途径这座桥，并交纳“过桥费”,访问DOM的次数越多，费...

前端开发

javascript密码强度校验代码（两种方法）

Tags

About