測试password强度
<html>
<!--激情在最后面。请看最后面红色字
这是是个计算password强度的实例
网上有非常多这种样例
只是呢，都不怎么好
这是我写的一个完整的效果，能够通用，
new一下就能够实例化一个【关注重点】，
主要是用面向对象来写，感觉知道做下笔记
password强度验证规则例如以下:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">
-->
<meta charset="UTF-8">
<title>计算password强度</title>
<head></head>
<style>
span{
display: inline-block;
line-height: 20px;
text-align: center;
width:20px;
height:20px;
border-radius: 50%;
background:#ccc;
font-size: 12px;
color:#fff;
}
.current{
background:green;
color:#000;
}
</style>
<script src="jquery.js"></script>
<body>
<input type="text" id="test" class="input1">
<input type="submit" value="submit" id="submit"/>
<div class="vaild">
<span>弱</span>
<span>中</span>
<span>强</span>
</div>
<input type="text" id="test" class="input2">
<input type="submit" value="submit" id="submit"/>
<div class="vaild2">
<span>弱</span>
<span>中</span>
<span>强</span>
</div>
<script>
//构造函数
function Vaild(){
this.input=$(".input1"),
this.show=$(".vaild span"),
this.name="current",
this.vailded=function()
{
var _this=this;
this.input.on("keyup", function()
{
// var div=$("#fen");
//var tips=$("#tips");
var f=0;//每次都清空
var vals=$(this).val();
//数组
var num;
var en;
var fh;
var jl;
//得分
var lenF;
var numF;
var enF;
var fhF;
var jlF;
//推断长度
if(vals.length>0&&vals.length <=4){
lenF=5;
}
else if(vals.length>4&&vals.length<=7){
lenF=10;
}
else if(vals.length>=8){
lenF=25;
}
//推断数字
num=vals.match(/\d/g)?vals.match(/\d/g):0;
if(num==0){
numF=0;
}
else if(num.length==1){
numF=10;
}
else if(num.length>=2){
numF=20;
}
//推断字母长度
en=vals.match(/[A-Za-z_]/g)?
vals.match(/[A-Za-z_]/g):0;
if(en==0){
enF=0;
}
else if(en.length==1){
enF=10;
}
else if(en.length>=2){
enF=20;
}
//匹配符号
fh=vals.match(/\W/g)?vals.match(/\W/g):0;
if(fh==0){
fhF=0;
}
else if(fh.length==1){
fhF=10;
}
else if(fh.length>=2){
fhF=25;
}
//奖励
if(/\d+/g.test(vals)&&/[a-z_]+/g.test(vals)){
jlF=2;
}
if(/\d+/g.test(vals)&&/[a-z_]+/g.test(vals)&&/\W+/g.test(vals)){
jlF=3;
}
if(/\d+/g.test(vals)&&/[A-Z]+/g.test(vals)&&/[a-z_]+/g&&/\W+/g.test(vals)){
jlF=5;
}
if(jlF==undefined||jlF=="NaN"||jlF=="undefined")
{
jlF=0;
}
var count=Number(lenF)+Number(numF)+Number(enF)+Number(fhF)+Number(jlF);
//切换“弱” “中” “强”
if(count>=0&&count<60){
_this.show.eq(0).addClass(_this.name).siblings().removeClass(_this.name);
}
else if(count<90&&count>=60){
_this.show.eq(2).removeClass(_this.name).siblings().addClass(_this.name);
}
else if(count>90){
_this.show.addClass(_this.name);
}
else{
_this.show.removeClass(_this.name);
}
//显示分数
// div.html("分数 : "+ count)
//測试多相应的所得分数
console.log("长度分数："+lenF)
console.log("数字分数："+numF)
console.log("字母分数: "+enF)
console.log("符号分数: "+fhF)
console.log("奖励分数: "+jlF)
})
}
};
///实例化构造函数
var dd=new Vaild();
dd.vailded();
//开启第二个
var bb=new Vaild();
bb.input=$(".input2");
bb.show=$(".vaild2 span");
bb.vailded();
</script>
</body>
</html>
測试password强度的更多相关文章
- 学习使用Jmeter做压力測试(一)--压力測试基本概念
一.性能測试的概念 性能測试是通过自己主动化的測试工具模拟多种正常峰值及异常负载条件来对系统的各项性能指标进行測试.负载測试和压力測试都属于性能測试,两者能够结合进行. 通过负载測试, ...
- Android网络传输中必用的两个加密算法:MD5 和 RSA (附java完毕測试代码)
MD5和RSA是网络传输中最经常使用的两个算法,了解这两个算法原理后就能大致知道加密是怎么一回事了.但这两种算法使用环境有差异,刚好互补. 一.MD5算法 首先MD5是不可逆的,仅仅能加密而不能解密. ...
- Maven实现Web应用集成測试自己主动化 -- 部署自己主动化(WebTest Maven Plugin)
上篇:Maven实现Web应用集成測试自己主动化 -- 測试自己主动化(WebTest Maven Plugin) 之前介绍了怎样在maven中使用webtest插件实现web的集成測试,这里有个遗留 ...
- MVC jsp+servlet+javabean 连接Mysql数据库測试demo
本文介绍的是怎样使用MVC架构去实现jsp+servlet+javabean连接数据库 首先我们应该了解什么是MVC: MVC包含三个部分 : ①View:由各种JSP页面组成. ②Controlle ...
- 带有机器人框架的.NET自己主动化測试
Clayton Neal在软件測试和质量保证方面有超过13年的经验,当中有八年的Windows, web,和移动应用程序的測试自己主动化经验.他在測试领域的全部等级都工作过.近期他在Bloomberg ...
- Window平台搭建Redis分布式缓存集群 （一）server搭建及性能測试
百度定义:Redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对很多其它.包含string(字符串).list(链表).set(集合).zset(sort ...
- ESP8266学习笔记1：怎样在安信可全功能測试板上实现ESP-01的编译下载和调试
近期调试用到了安信可的ESP-01模块,最终打通了编译下载调试的整个通道,有一些细节须要记录,方便兴许的开发工作. 转载请注明:http://blog.csdn.net/sadshen/article ...
- 一百万数据索引实例測试--mysql
推荐书籍:http://pan.baidu.com/s/1sjJIyRV 任务描写叙述: 如果一高频查询例如以下 SELECT * FROM user WHERE area='amoy' AND s ...
- 聊聊单元測试（一）——EasyMock
一.单元測试是保证软件质量的重要方法. 单元測试是对系统中某个模块功能的验证,但我们总会遇到这样那样的问题,导致測试代码非常难编写.最直接的一个原因便是强耦合关系,被測试者依赖一些不easy构造,比較 ...
随机推荐
- yarn平台的任务调度和执行过程
- 基于python3-sklearn，Flask 的回归预测系统
看到一副图片挺有意思,放在片头 序 "傍晚小街路面上沁出微雨后的湿润,和煦的西风吹来,抬头看看天边的晚霞,嗯明天又是一个好天气.走到水果摊旁,挑了个根蒂蜷缩.敲起来声音浊响的青绿西瓜,一边满 ...
- ListView有Header时的position情况
问题: headerView 为第0个view,item 的 pos会从1开始. 解决方式: position减去 listView.getHeaderViewsCount().例如我想得到list ...
- codeforces 401 B Sereja and Contests【贪心】
题意:给出最后的时间n,div 1必须和div2一起举行,并且div2的时间总是比div1大1 给出Sereja(只能参加div2)参加过的k场比赛的时间,问他最少错过了多少场div2,最多错过了多少 ...
- ACM训练联盟周赛(第三场）
A.Teemo's bad day Today is a bad day. Teemo is scolded badly by his teacher because he didn't do his ...
- NOIP 2017 小凯的疑惑（同余类）
题意 给出两个互质的数a,b问最大的不能被xa+yb(x,y>=0)表示的数.(a,b<=109) 题解 NOIPday1T1一道数论题,不知埋葬了多少人的梦想. 用同余类去解释. 我们依 ...
- java 线程传参 方式
第一类:主动向线程传参 public class ThreadTest extends Thread { public ThreadTest() { } /** * 第一种通过构造方法来传递参数 ...
- 【codeforces 821E】Okabe and El Psy Kongroo
[题目链接]:http://codeforces.com/problemset/problem/821/E [题意] 一开始位于(0,0)的位置; 然后你每次可以往右上,右,右下3走一步; (x+1, ...
- HTML学习----------DAY2第六节
在 HTML 文档中,标题很重要. HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的. <h1> 定义最大的标题.<h6 ...
- 启动springboot
新建一个springboot项目,idea的做法:一般直接next就行 填写项目使用到的技术,上面的Spring Boot版本建议选择最新的稳定版,主要勾选上Web就可以了,如下图: 新建之后< ...