<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强度的更多相关文章

  1. 学习使用Jmeter做压力測试(一)--压力測试基本概念

    一.性能測试的概念         性能測试是通过自己主动化的測试工具模拟多种正常峰值及异常负载条件来对系统的各项性能指标进行測试.负载測试和压力測试都属于性能測试,两者能够结合进行. 通过负载測试, ...

  2. Android网络传输中必用的两个加密算法:MD5 和 RSA (附java完毕測试代码)

    MD5和RSA是网络传输中最经常使用的两个算法,了解这两个算法原理后就能大致知道加密是怎么一回事了.但这两种算法使用环境有差异,刚好互补. 一.MD5算法 首先MD5是不可逆的,仅仅能加密而不能解密. ...

  3. Maven实现Web应用集成測试自己主动化 -- 部署自己主动化(WebTest Maven Plugin)

    上篇:Maven实现Web应用集成測试自己主动化 -- 測试自己主动化(WebTest Maven Plugin) 之前介绍了怎样在maven中使用webtest插件实现web的集成測试,这里有个遗留 ...

  4. MVC jsp+servlet+javabean 连接Mysql数据库測试demo

    本文介绍的是怎样使用MVC架构去实现jsp+servlet+javabean连接数据库 首先我们应该了解什么是MVC: MVC包含三个部分 : ①View:由各种JSP页面组成. ②Controlle ...

  5. 带有机器人框架的.NET自己主动化測试

    Clayton Neal在软件測试和质量保证方面有超过13年的经验,当中有八年的Windows, web,和移动应用程序的測试自己主动化经验.他在測试领域的全部等级都工作过.近期他在Bloomberg ...

  6. Window平台搭建Redis分布式缓存集群 （一）server搭建及性能測试

    百度定义:Redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对很多其它.包含string(字符串).list(链表).set(集合).zset(sort ...

  7. ESP8266学习笔记1：怎样在安信可全功能測试板上实现ESP-01的编译下载和调试

    近期调试用到了安信可的ESP-01模块,最终打通了编译下载调试的整个通道,有一些细节须要记录,方便兴许的开发工作. 转载请注明:http://blog.csdn.net/sadshen/article ...

  8. 一百万数据索引实例測试--mysql

    推荐书籍:http://pan.baidu.com/s/1sjJIyRV 任务描写叙述: 如果一高频查询例如以下  SELECT * FROM user WHERE area='amoy' AND s ...

  9. 聊聊单元測试（一）——EasyMock

    一.单元測试是保证软件质量的重要方法. 单元測试是对系统中某个模块功能的验证,但我们总会遇到这样那样的问题,导致測试代码非常难编写.最直接的一个原因便是强耦合关系,被測试者依赖一些不easy构造,比較 ...

随机推荐

  1. 树莓派学习路程No.2 GPIO功能初识 wiringPi安装

    WiringPi是应用于树莓派平台的GPIO控制库函数,WiringPi遵守GUN Lv3.wiringPi使用C或者C++开发并且可以被其他语言包转,例如python.ruby或者PHP等.Wiri ...

  2. 手机验证 发送验证码倒计时js

    html: <input name="Tel" class="weui-input" type="tel" placeholder=& ...

  3. Asp.Net 中使用 水晶报表（上）

    Asp.Net中使用水晶报表(上) 在我们对VS.Net中的水晶报表(Crystal Reports)进行研究之前,我和我朋友对如何将这个复杂的东东加入我们的Web应用有着非常的好奇心.一周以后,在阅 ...

  4. asp.net 项目发布注意点

    在修改了某些代码后,要发布到服务器 这时候 ,在本地发布完把对应的文件复制到服务器上覆盖即可. 1.如果修改的是.cs  .asmx等文件,则需要覆盖其对应项目名称的.dll文件 2.如果修改的是.h ...

  5. ReactiveCocoa 中 RACSignal 是如何发送信号的

    https://juejin.im/post/5829f4c3570c350063c436ac 前言 ReactiveCocoa是一个(第一个?)将函数响应式编程范例带入Objective-C的开源库 ...

  6. win10如何设置开机自动启动热点WIFI？

    1.编写脚本文件(先新建txt文件,编写代码内容netsh wlan start hostednetwork,最后重命名成HotSpot.bat):文件名称:HotSpot.bat,代码内容: net ...

  7. JDK工具(一)–Java编译器javac

    1.概述    javac.exe: Java编译器,将Java源代码转换成字节码. 2.用法    javac <选项> <源文件> (使用过程中发现,javac <源 ...

  8. Android组件Activity初探

    1.Activity是什么 Activity是Android系统中的四大组件之一,在MVC模式中属于C控制层 M(Model 模型):Model是应用程序的主体对象.       V(View 视图) ...

  9. 题解 CF327C 【Magic Five】

    这道题带坑,假如没有发现肯定会爆. 首先先搜索一遍0和5,储存在数组a里面. 那么应当有2 ^ a1 +2 ^ a2 +...+ 2 ^ an. 然而这道题没那么简单,数串还可以重复k次. 因此,需要 ...

  10. 【Codeforces Round #239 (Div. 1) A】Triangle

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 最后的直角三角形可以通过平移,将直角顶点移动到坐标原点. 然后我们只要枚举另外两个点其中一个点的坐标就好了. x坐标的范围是[1.. ...