javascrpt密码强度校验函数详解

 更新时间:2020年03月18日 16:21:27   作者:白天的猫头鹰  
这篇文章主要为大家详细介绍了javascrpt密码强度校验函数,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

最近写了个密码强度验证的函数,主要验证以下内容

1、密码最小和最大长度

2、连续字符串出现的次数

3、字符连续出现的次数

4、禁止特定的字符串作为密码

5、密码字符串的组合强度要求,必须含有大小写字母,必须含有数字,必须含有特殊字符

6、输入密码必须与确认密码一致

7、支持禁止使用用户名作为密码

8、是否存在连续性的字符串,是否存在逆序性的字符串

(function(window, verifyPwd){
  window.verifyPwd = {
    /*最小长度*/
    minLength  : 6
 
    /*最大长度*/
    maxLength  : 18,
 
    /*字符重复次数*/
    repeatCount : 0,
 
    /*连续字符*/
    seriesCount : 3,
 
    /*特定过滤字符串*/
    filter   : [
      "qaz",
      "wsx",
      "edc",
      "qwe",
      "asd",
      "zxc"
    ],
 
    /*允许的字符串*/
    arrRegex : ['[0-9]', '[a-z]', '[A-Z]', '[!@#$%^&*()_-]' ],
 
    /**
     * 验证密码
     * @param userName   用户名
     * @param pwd      密码
     * @param confirmPwd  确认密码
     * @returns {boolean}
     */
    verify : function(userName, pwd, confirmPwd){
      userName = trim(userName);
      pwd   = trim(pwd);
 
      if(!userName || userName.length == 0){
        alert('请先输入用户名');
 
        return false;
      }
 
      if(!pwd || pwd.length == 0){
        alert('请输入密码');
 
        return false;
      }
 
      if (pwd.length < this.minLength) {
        alert('密码长度至少需要' + this.minLength + '位');
 
        return false;
      }
 
      if (pwd.length > this.maxLength) {
        alert('密码长度超过'+ this.maxLength +'位');
        return false;
      }
 
      /*判断输入密码与确认密码是否一致*/
      if(confirmPwd && confirmPwd.length > 0){
        if(pwd != confirmPwd){
          alert('输入密码与确认密码不一致');
          return false;
        }
      }
 
      /*判断密码中是否存在用户名*/
      if (pwd.indexOf(userName) >= 0) {
        alert('密码中不能出现用户名为' + userName);
        return false;
      }
 
      if (!eval('/' + this.arrRegex[0] + '/').test(pwd)) {
        alert('密码没有包含数字');
        return false;
      }
 
      if (!eval('/' + this.arrRegex[1] + '/').test(pwd)) {
        alert('密码没有包含小写字母');
        return false;
      }
 
      if (!eval('/' + this.arrRegex[2] + '/').test(pwd)) {
        alert('密码没有包含大写字母');
        return false;
      }
 
      if (!eval('/' + this.arrRegex[3] + '/').test(pwd)) {
        alert('密码没有包含!@#$%&*_等至少一个特殊字符');
        return false;
      }
 
      /*判断是否存在过滤性字符串*/
      if(this.filter.length > 0){
        for(var i = 0, length = this.filter.length; i < length; i++){
          var value = this.filter[i];
 
          if(pwd.indexOf(value) < 0){
            continue;
          }
 
          alert("密码中不允许含有"+ value);
 
          return false;
        }
      }
 
      /*判断是否存在重复字符串*/
      if(this.isRepeate(pwd)){
        alert('密码中不能出现重复字符');
        return false;
      }
 
      /*判断是否存在连续性字符串*/
      if(this.isSeries(pwd)){
        alert('密码中不能存在'+ this.seriesCount +'个以上的连续字符');
        return false;
      }
 
      return true;
    },
 
    /**
     * 是否存在重复字符串
     * @param pwd    密码
     * @returns {boolean}
     */
    isRepeate : function(pwd){
      if(pwd && pwd.length > 0){
        for(var i = 0, length = pwd.length; i < length; i++){
          var currentChar = pwd.charAt(i);
          var prevChar  = i == 0 ? "" : pwd.charAt(i - 1);
 
          if(currentChar == prevChar){
            return true;
          }
        }
      }
 
      return false;
    },
 
    /**
     * 是否存在连续性字符串
     * @param pwd    密码
     * @returns {boolean}
     */
    isSeries : function(pwd){
      if(pwd && pwd.length > 0) {
        /*自身算起*/
        var ascSeriesCount = 1;
        var descSeriesCount= 1;
 
        /*存在顺序型的连续性的字符串*/
        for (var i = 0, length = pwd.length; i < length; i++) {
          var currentCharCode = pwd.charCodeAt(i);
          var prevCharCode  = i == 0 ? "" : pwd.charCodeAt(i - 1);
 
          if(currentCharCode == prevCharCode + 1){
            ascSeriesCount++;
 
            if(ascSeriesCount == this.seriesCount){
              return true;
            }
          } else{
            ascSeriesCount = 1;
          }
        }
 
        /*存在逆序性的连续性的字符串*/
        for (var i = pwd.length - 1; i >= 0; i--) {
          var currentCharCode = pwd.charCodeAt(i);
          var prevCharCode  = (i - 1) >= 0 ? pwd.charCodeAt(i - 1) : "";
 
          if(currentCharCode + 1 == prevCharCode){
            descSeriesCount++;
 
            if(descSeriesCount == this.seriesCount){
              return true;
            }
          } else{
            descSeriesCount = 1;
          }
        }
      }
 
      return false;
    },
 
    /**
     * 初始化方法
     * @param userNameId  用户id
     * @param pwdId
     */
    init : function(userNameId, pwdId){
      $("#"+ pwdId).on("blur", function(){
        var userName = $("#"+ userNameId).val();
        var pwd = this.value;
 
        if(userName.length == 0){
          $("#"+ userNameId).focus();
          alert("请输入用户名");
 
          return false;
        }
 
        /*若验证正确,进行加密处理*/
        if(this.verify(userName, pwd)){
          pwd = md5(pwd);
          $("#"+ pwdId).val(pwd);
        }
      });
    }
  }
})(window, undefined);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript实现一个空中避难的小游戏

    JavaScript实现一个空中避难的小游戏

    最近利用Javascript实现了一个小游戏,觉着还不错,所以分享给大家,下面这篇文章主要给大家介绍了利用JavaScript实现一个空中避难的小游戏的相关资料,文中给出了完整的示例代码供大家参考学习,需要的朋友们下面来一起看看吧。
    2017-06-06
  • javascript中Function类型详解

    javascript中Function类型详解

    这篇文章主要介绍了javascript中Function类型详解的相关资料,需要的朋友可以参考下
    2015-04-04
  • JavaScript获取图片的原始尺寸以宽度为例

    JavaScript获取图片的原始尺寸以宽度为例

    这篇文章主要介绍了JavaScript如何获取图片的原始尺寸以宽度为例,需要的朋友可以参考下
    2014-05-05
  • js中各种时间日期格式之间的转换代码示例

    js中各种时间日期格式之间的转换代码示例

    这篇文章主要介绍了js中各种时间日期格式之间转换的相关资料,还有获取今天的年月日和计算两个日期之间的相差天数的方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-03-03
  • js前端实现图片压缩上传的示例代码

    js前端实现图片压缩上传的示例代码

    这篇文章主要为大家详细介绍了js前端如何实现图片压缩上传的效果,文中的示例代码讲解详细,具有一定的学习价值,有需要的小伙伴可以参考一下
    2023-11-11
  • javascript中兼容主流浏览器的动态生成iframe方法

    javascript中兼容主流浏览器的动态生成iframe方法

    这篇文章主要介绍了javascript中兼容主流浏览器的动态生成iframe方法,需要的朋友可以参考下
    2014-05-05
  • 一文详解JavaScript中的Mixin

    一文详解JavaScript中的Mixin

    类的出现最终使JavaScript非常容易使用继承法,JavaScript类比大多数人意识到的更强大,它是构建真正的mixins的良好基础,本文介绍JavaScript中的Mixin介绍的非常详细,需要的小伙伴可以参考阅读一下
    2023-04-04
  • JS实现touch 点击滑动轮播实例代码

    JS实现touch 点击滑动轮播实例代码

    这篇文章主要介绍了JS实现touch 点击滑动轮播实例代码,需要的朋友可以参考下
    2017-01-01
  • Worker加载JS脚本跨域问题的几种解决方法

    Worker加载JS脚本跨域问题的几种解决方法

    Web Worker 是一种在后台线程中运行的 JavaScript 脚本,允许我们在不阻塞主线程的情况下执行复杂计算或处理,Worker 加载的 JS 脚本如果存在跨域问题,可能导致脚本无法正常加载和执行,以下是解决 Worker 加载 JS 脚本跨域问题的几种方法,需要的朋友可以参考下
    2025-02-02
  • 你可能不知道的package.json属性详解

    你可能不知道的package.json属性详解

    package.json俗称依赖配置文件(我自己取的名),最主要的作用就是管理项目中所用到的依赖,下面这篇文章主要给大家介绍了关于package.json属性的相关资料,需要的朋友可以参考下
    2022-02-02

最新评论