JS密码生成与强度检测完整实例(附demo源码下载)

 更新时间:2016年04月06日 10:40:27   作者:xiao张  
这篇文章主要介绍了JS密码生成与强度检测完整实例,涉及JavaScript密码的生成,破解时间计算,密码安全监测及大小写锁定判断等功能的实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下

本文实例讲述了JS密码生成与强度检测的方法。分享给大家供大家参考,具体如下:

1. 生成强密码

截图如下:

相关代码如下:

function getPwd(n)
{
 var s = '';
 while(n--)
 s += String.fromCharCode(33 + Math.floor(Math.random()*(126-33)))
 document.getElementById('txt1').value = s;
}

2. 计算密码破解时间

截图如下:

相关代码如下:

function getTime()
{
 var str = '预计破解用时:';
 var selChar = document.getElementById('selChar');
 var txtPwdLen = document.getElementById('txtPwdLen');
 var num = Math.pow(parseInt(selChar.value), parseInt(txtPwdLen.value));
 str += formatTime(num / (1024*1024*1024*2.4*2));
 document.getElementById('span2').innerHTML = str;
}
function formatTime(s)
{
 var str = '';
 if(s<1)return '小于1秒!';
 s = Math.floor(s);
 if(s >= 1) str = s % 60 + '秒' + str;
 s = Math.floor(s / 60);
 if(s >= 1) str = s % 60 + '分' + str;
 s = Math.floor(s / 60);
 if(s >= 1) str = s % 24 + '时' + str;
 s = Math.floor(s / 24);
 if(s >= 1) str = s + '天' + str;
 return str;
}

3. 密码安全检测

截图如下:

相关代码如下:

function showPwd()
{
  var p = document.getElementById('txt2').value;
  if(p.length < 4)
  {
    showError('密码至少4位!');
    return;
  }
  var o = checkPwd(p);
  if(o.isSame)
  {
    showError('密码为重复字符!');
    return;
  }
  for(var i=0; i<arrPwd.length; i++)
  {
    if(arrPwd[i] == p || arrPwd[i].indexOf(p) == 0)
    {
      showError('密码为100大常用密码!');
      return;
    }
  }
  var year = parseInt(p.substr(0,4));
  if(!isNaN(year) && year>1900 && year<2100)
  {
    var month = parseInt(p.substr(4,2));
    if(!isNaN(month) && month>0 && month<13)
    {
      var day = parseInt(p.substr(6,2));
      if(!isNaN(day) && day>0 && day<32)
      {
        showError('不要使用日期作为密码!');
        return;
      }
    }
  }
  var hasUpper = false;
  var hasLow = false;
  var hasNum = false;
  var hasOther = false;
  for(var i=0; i<p.length; i++)
  {
    var c = p.charCodeAt(i);
    if(c>=65&&c<=90)hasUpper=true;
    else if(c>=97&&c<=122)hasLow=true;
    else if(c>=48&&c<=57)hasNum=true;
    else hasOther=true;
  }
  var pwdNum = 0;
  if(hasUpper)pwdNum+=26;
  if(hasLow)pwdNum+=26;
  if(hasNum)pwdNum+=10;
  if(hasOther)pwdNum+=32;
  var num = Math.pow(pwdNum, p.length);
  var str = '密码长度:' + p.length + ' 强度:' + pwdNum + ' 预计破解用时:' + formatTime(num / (1024*1024*1024*2.4*2));
  var span1 = document.getElementById('span1');
  span1.style.color = 'blue';
  span1.innerHTML = str;
}

4. 检测键盘是否大写锁定(Caps Lock键状态)

截图如下:

相关代码如下:

var $lock = false;
function checkCapsLock(fn)
{
 document.documentElement.onkeypress = function(e)
 {
  var e = e || event;
  var k = e.keyCode || e.which;
  var s = e.shiftKey || (k == 16) || false;
  if(k>=65&&k<=90)$lock=!s;
  if(k>=97&&k<=122)$lock=s;
  fn($lock);
 }
 document.documentElement.onkeyup = function(e)
 {
  var e = e || event;
  var k = e.keyCode || e.which;
  if(k==20)$lock = !$lock;
  fn($lock);
 }
}

完整实例代码点击此处本站下载

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

PS:对密码感兴趣的读者还可以参考一下本站密码相关工具:

密码安全性在线检测

高强度密码生成器

MD5在线加密工具

在线生成htpasswd工具

URL网址16进制加密工具

Escape加密/解密工具

迅雷、快车、旋风URL加密/解密工具

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 在IE6下发生Internet Explorer cannot open the Internet site错误

    在IE6下发生Internet Explorer cannot open the Internet site错误

    最近在IE6下面时常会发生“Internet Explorer cannot open the Internet site ”错误。
    2010-06-06
  • 微信小程序实现车牌键盘

    微信小程序实现车牌键盘

    这篇文章主要为大家详细介绍了微信小程序实现车牌键盘,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 基于BootStrap的前端分页带省略号和上下页效果

    基于BootStrap的前端分页带省略号和上下页效果

    这篇文章主要介绍了基于BootStrap的前端分页带省略号和上下页效果,需要的朋友可以参考下
    2017-05-05
  • JavaScript数组去重和扁平化函数介绍

    JavaScript数组去重和扁平化函数介绍

    这篇文章主要介绍了JavaScript数组去重和扁平化函数,数组扁平化又称数组降维,下面文章围绕数组去重和扁平化函数得相关资料展开内容,需要的朋友可以参考一下
    2021-12-12
  • JS去除重复并统计数量的实现方法

    JS去除重复并统计数量的实现方法

    js去除重复并统计数量方法,首先点击按钮触发事件,然后用class选择器,迭代要获取的文本(这里最好用text()方法)加入到Array()集合里。具体操作方法,大家通过本文学习下吧
    2016-12-12
  • javaScript如何生成xmlhttp

    javaScript如何生成xmlhttp

    生成xmlhttp的方法有很多,在本文为大家介绍下javaScript中是如何实现的
    2013-12-12
  • 基于JavaScript实现网页计算器

    基于JavaScript实现网页计算器

    这篇文章主要为大家详细介绍了基于JavaScript实现网页计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • 在chrome中window.onload事件的一些问题

    在chrome中window.onload事件的一些问题

    在写一些关于图片操作的代码的时候,一般都需要在图片加载完成之后再执行程序。然而在Chorme中(貌似Safari也是)对window.onload的理解与IE和FF有偏差。
    2010-03-03
  • JavaScript学习教程之cookie与webstorage

    JavaScript学习教程之cookie与webstorage

    这篇文章主要给大家介绍了关于JavaScript学习教程之cookie与webstorage的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • uniapp内置组件scroll-view案例详解(完整代码)

    uniapp内置组件scroll-view案例详解(完整代码)

    这篇文章主要介绍了uniapp内置组件scroll-view案例详解,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-07-07

最新评论