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程序设计有所帮助。

相关文章

  • jquery获取radio值(单选组radio)

    jquery获取radio值(单选组radio)

    jquery获取radio值使用到特殊的选择器type=radio,为方便大家理解,另附一个jquery实例,想学习的朋友可以看看
    2014-10-10
  • JS实现的一个简单的Autocomplete自动完成例子

    JS实现的一个简单的Autocomplete自动完成例子

    这篇文章主要介绍了JS实现的一个简单的Autocomplete自动完成例子,需要的朋友可以参考下
    2014-04-04
  • HTML+CSS+JS实现抓娃娃机游戏

    HTML+CSS+JS实现抓娃娃机游戏

    这篇文章主要介绍了如何利用HTML+CSS+JS制作抓娃娃机游戏,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • js倒计时小实例(多次定时)

    js倒计时小实例(多次定时)

    这篇文章主要介绍了js实现可多次定时的倒计时小实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 禁止ajax缓存获取程序最新数据的方法

    禁止ajax缓存获取程序最新数据的方法

    为了保证我们读取的信息都是最新的,我们需要禁止ajax的缓存功能,下面我就介绍一下这个方法的使用
    2013-11-11
  • Uniapp实现下拉刷新的三种方式

    Uniapp实现下拉刷新的三种方式

    在小程序、h5等地方中,常常会用到下拉刷新这个功能,今天来讲解实现这个功能的三种方式:全局下拉刷新,组件局部下拉刷新,嵌套组件下拉刷新,,文中通过代码示例讲解的非常详细,需要的朋友可以参考下
    2025-02-02
  • js 实现获取name 相同的页面元素并循环遍历的方法

    js 实现获取name 相同的页面元素并循环遍历的方法

    下面小编就为大家带来一篇js 实现获取name 相同的页面元素并循环遍历的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • JS实现简单移动端鼠标拖拽

    JS实现简单移动端鼠标拖拽

    这篇文章主要为大家详细介绍了JS实现简单移动端鼠标拖拽,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • Layui Form 自定义验证的实例代码

    Layui Form 自定义验证的实例代码

    今天小编就为大家分享一篇Layui Form 自定义验证的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Bootstrap Tree View简单而优雅的树结构组件实例解析

    Bootstrap Tree View简单而优雅的树结构组件实例解析

    本文通过实例代码给大家介绍了Bootstrap Tree View简单而优雅的树结构组件,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06

最新评论