本文实例讲述了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程序设计有所帮助。
本文向大家介绍js实现密码强度检测【附示例】,包括了js实现密码强度检测【附示例】的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了js实现密码强度检测的相关实例,第一个例子给出了全部代码,可以直接运行,第二个例子只给出了js代码,感兴趣的码农可以自己完成第二个实例。 第一个实例 这段JavaScript代码比较实用,它完成用户注册时判断用户输入密码的强度,分强、弱、中三等级,它可以根据
本文向大家介绍js密码强度检测,包括了js密码强度检测的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了js密码强度检测的实现代码,分享给大家供大家参考,具体内容如下 运行效果图: 这段JavaScript代码比较实用,它完成用户注册时判断用户输入密码的强度,分强、弱、中三等级,它可以根据用户输入的密码显示对应的密码强弱等级,方便用户改进输入。 实现代码: 这一款先看一看效果图。 具体内容:
本文向大家介绍js密码强度实时检测代码,包括了js密码强度实时检测代码的使用技巧和注意事项,需要的朋友参考一下 密码强度的判断, 在注册网站用户的时候, 是一个必须要做的事情, 不同的网站, 实现的方式是不一样的. 密码的判断, 其实也就是一个表单验证的其中一项. 那我们来实现这么一个简单的操作. 首先做一个简单的密码输入框和一个显示密码强度的进度条. 整个整体由vali_pass盒子涵盖. 这个
本文向大家介绍java实现的密码强度检测功能完整示例,包括了java实现的密码强度检测功能完整示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了java实现的密码强度检测功能。分享给大家供大家参考,具体如下: CheckStrength.java文件: StringUtils.java文件: CheckPWD.java文件: 运行结果: 13 EXTREMELY_STRONG PS:这里
本文向大家介绍js实现密码强度检验,包括了js实现密码强度检验的使用技巧和注意事项,需要的朋友参考一下 最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高)。今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求。 html 代码如下: js 代码如下: 效果图: 使用说明: 1、对象的第一个参数是密码输入框的 id,第二个参数是密码强度长条的 id。
本文向大家介绍jQuery实现的表头固定效果实例【附完整demo源码下载】,包括了jQuery实现的表头固定效果实例【附完整demo源码下载】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现的表头固定效果。分享给大家供大家参考,具体如下: 运行效果截图如下: 具体实现步骤如下: 一、新建一js文件jQuery_FixedTableHead.js 内容如下: 二、Html实例