JS----简单表单密码强度检验
来源:互联网 发布:c语言volatile 寄存器 编辑:程序博客网 时间:2024/04/29 16:01
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>表单常用的密码强度检验</title></head><body><input type="password" id = 'oInput'/><span id = 'oSpan'></span><script>(function(win){ var showStrength = function(_this, showWrap) { showWrap.style.fontFamily = 'Microsoft Yahei'; var oValue = _this.value, len = oValue.length, strengthAll = 0; var color = ['red', 'orange', 'green'], strStrength = ['密码长度不得小于6', '密码强度为:初级','密码强度为:中级','密码强度为:高级']; var strength = function(str) { var code = str.charCodeAt(0); if (code >= 48 && code <= 57) { return 1; }else if (code >= 97 && code <= 122) { return 2; }else { return 3; } } if (len < 6) { showWrap.innerHTML = strStrength[0]; showWrap.style.color = color[0]; }else { for (var i = 0; i < len; ++i) { strengthAll += strength(oValue[i]); } if (strengthAll < 10) { showWrap.innerHTML = strStrength[1]; showWrap.style.color = color[0]; }else if (strengthAll >= 10 && strengthAll < 16) { showWrap.innerHTML = strStrength[2]; showWrap.style.color = color[1]; }else { showWrap.innerHTML = strStrength[3]; showWrap.style.color = color[2]; } } } win.showStrength = showStrength;})(window)</script><script> var input = document.getElementById('oInput'); var span = document.getElementById('oSpan'); input.onkeyup = function() { var self = this; showStrength(self, span); }</script></body></html>
效果类似:
0 0
- JS----简单表单密码强度检验
- 检验密码强度的JS类
- 检验密码强度的JS类
- JS简单验证密码强度
- JS简单验证密码强度
- 检验密码强度的代码
- 检验密码强度的代码
- jQuery密码强度检验插件
- 最简单的js 判断密码强度
- 最简单的js 判断密码强度
- 最简单的js判断密码强度
- 表单密码强度监测判断JS代码特效
- [JS]验证密码强度
- js验证密码强度
- js判断密码强度
- js测试密码强度
- JS密码强度验证
- js密码强度验证
- android Init.rc解析以及init初始化
- 如何设计一个自动布局库:以SDAutoLayout为例
- LeetCode 28 . Implement strStr()
- Android Studio 开发问题记录
- 回车键绑定
- JS----简单表单密码强度检验
- Linux env --显示当前用户的环境变量
- 【.Net码农】依赖注入那些事儿
- Android animation
- 新的项目-使用手机蜂窝定位,上架被苹果11.12 拒绝
- android studio 插件 gradle view 查看gradle依赖树
- JFinal学习--08事务
- ajax 上传参数 下载excel文件
- 深入浅出学Spring Data JPA