用JavaScript验证密码的强弱

最新推荐文章于 2024-09-09 09:35:48 发布
最新推荐文章于 2024-09-09 09:35:48 发布
阅读量898 收藏
点赞数
分类专栏： JavaScript学习 文章标签： javascript border function input div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangxn/article/details/2985205
版权
 <body>
<script   language="javascript">  
   
function   checkPower(obj){  
var   color;  
var   pwd=obj.value;  
if(pwd=="")   return;  
var   strongvalue=0;  
var   tmpchar="",hasUpperCase=false,hasLowerCase=false,hasOther=false,hasNumber=false;  
var   regU=/[A-Z]/;  
var   regL=/[a-z]/;  
var   regN=/[0-9]/;  
var   regO=/[~!@#$%^&*()_+|<>?:"';,./`/[/]]/  
hasUpperCase=regU.test(pwd);  
hasLowerCase   =regL.test(pwd);  
hasNumber   =regN.test(pwd);  
hasOther   =regO.test(pwd);  
   
strongvalue   =   0   + ( hasNumber ? 1:0 ) + ( hasUpperCase ? 1:0 ) + ( hasLowerCase ? 1:0 ) + ( hasOther ? 1:0) + ( pwd.length>6 ? 1:0) + ( pwd.length>15 ? 1:0);
     
if(strongvalue<2)   color="#ff0000";  
if(strongvalue>=2)   color="#ffff00";  
if(strongvalue>=3)   color="#0000ff";  
if(strongvalue>=4)   color="#336600";
if(strongvalue>=5)   color="#00CC00";  
if(strongvalue>=6)   color="#00ff00";  
   
chkstatu.style.width   =   5+strongvalue   *   30   +"px";  
chkstatu.style.backgroundColor   =   color;  
t.innerText=strongvalue;  
}  
</script>
<form   name=f1>
<input   type=password   οnfοcus="Javascript:chkpwd=setInterval('checkPower(this)',500)"   οnblur="JavaScript:clearInterval(chkpwd)"   name="Pwd">
<div   id="chkstatu"   style="border:1px;color:red;width:100px;background-color:#009900"></div>
<div   id=t></div>
</form>
<div style="background-color:#ff0000; width:100px;"></div>
<div style="background-color:#ffff00; width:100px;"></div>
<div style="background-color:#0000ff; width:100px;"></div>
<div style="background-color:#336600; width:100px;"></div>
<div style="background-color:#00CC00; width:100px;"></div>
<div style="background-color:#00ff00; width:100px;"></div>
</body>
yangxn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript正则验证密码强弱度
流楚丶格念的博客
05-04 4826
文章目录展示设计密码强弱度分析代码版本一：基本版本二：升级 展示 设计 密码强弱度分析 密码由数字,字母,特殊符号组成 密码: 只有数字- 或者是只有字母,或者是只有特殊符号——1级：弱 两两组合: 数字和字母, 数字和特殊符号, 字母和特殊符号——2级：中 三者都有: 数字和字母和特殊符号——3级：强 代码 版本一：基本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
JavaScript实现密码强度实时验证
Echo的博客
12-02 1945
JavaScript实现密码强度实时验证 在网络服务中，为了保证用户的私密信息足够安全，会要求用户输入具有一定安全级别的密码，这样可以更好的防止他人盗用。比如在注册一些游戏账号时，如果输入纯数字或纯英文字符低于6位，就会提示密码强度太低，请重新输入。一些密码强度验证的方法都是计算字符的类型，然后分类加权累算。权重越高，相应的强度也就越高。 具体的写法及实现方式有很多种，本文只介绍
javascript密码强弱验证
04-07
纯javascript密码验证，显示密码弱、中等、很好、强
js中验证密码是否是弱密码的4个方法 密码至少包含小写字母、大写字母、数字、特殊字符中的3类密码长度至少8位...
weixin_33696106的博客
09-19 945
//验证密码是否是弱密码的4个方法 密码至少包含小写字母、大写字母、数字、特殊字符中的3类 // /g表示全局function isContainNum(pwd){ return pwd.match(/\d+/g)==null ? false : true; } function isContainLowChar(pwd){ return pwd.match(/[a-z]+/g...
JS对密码强弱的判断
weixin_30275415的博客
05-06 129
<div class="email_reg m_part"> <form class="reg_form" id="reg_form"> <p>邮箱注册</p> <div class="control"> <lab...
JavaScript 之 密码强度的正则校验
zhuangvi的博客
01-24 5550
      在我们设置密码或者修改密码的时候经常会增加一些密码强度的校验，下面总结几个常用的密码强度的正则校验：分为弱、中、强 三种强度的密码校验；     弱 6~10位的纯数字或者纯小写字母或者纯大写字母 一般很少用，毕竟密码强度太低 let reg = /^(\d{6,10})|([a-z]{6,10})|([A-Z]{6,10})$/; console.log(res.test('123456')) // true console.log(res.test('123aaa')) // false
JS实现-密码强度验证
weixin_52263227的博客
11-10 2708
针对用户输入的密码进行安全性验证，主要是为了实现功能，样式就没有怎么处理 不安全： 密码强度弱： 密码强度一般: 安全： index.html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l...
用JavaScript验证密码的强弱源代碼
03-15
这篇博客"用JavaScript验证密码的强弱源代码"提供了一种利用JavaScript进行密码强度检查的方法。 在网页表单中，用户输入的密码通常需要满足一定的强度要求，如长度、字符类型（大小写字母、数字、特殊字符等）的...
js 验证密码强弱的小例子
10-27
今天，我们将通过一个小例子来介绍如何使用JavaScript来验证密码强弱。 密码强弱验证的重要性 密码强弱验证是为了确保用户的密码足够强大，以免遭受黑客攻击。通常来说，一个强的密码应该具备以下几个特征： * ...
【JavaScript源代码】JavaScript正则验证密码强弱度的实现方法.docx
12-29
### JavaScript正则表达式验证密码强度的实现方法 在现代Web开发中，为了保障用户账号的安全性，常常需要对用户设置的密码进行强度检测。本文将详细介绍如何利用JavaScript结合正则表达式来实现这一功能。 #### ...
漂亮的jsp密码强度检测
05-20
jsp密码强度检测jsp密码强度检测jsp密码强度检测
JQ验证密码强弱，超赞！
12-22
本示例探讨的是如何利用jQuery（简称JQ）这一流行的JavaScript库来实现异步处理，动态评估用户输入的密码强度，从而提供更好的用户体验。 首先，让我们了解密码强度验证的基本原理。通常，一个强密码应包含以下几个...
JavaScript 密码强度验证
兰染
12-06 1212
这是一个简洁的神奇的密码强度验证例子！ var $ = function(v){return document.getElementById(v);} function isSecurity(v){ if (v.length < 3) { iss.reset();return;} var lv = -1; if (v.match(/[a-z]/ig)){lv++;} if
js判断 密码强度验证方法（转载）
skieske的博客
02-06 917
转载于:http://kongcodecenter.iteye.com/blog/1315305 /*   *说明：   *  该方法主要分析密码的内容构成，密码长度等情况，然后评分划分密码强度等级   *参数：   *  pwd 密码，字符串类型   *  obj 密码强度显示的地方，必须是jquery封装对象    *  minLen 密码最小长度   *  maxLen 密码
最简单的js判断密码强度
杨春建的博客
09-26 2353
原文地址：http://blog.csdn.net/libin_1/article/details/51577472   html> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>密码强度检测title>
jquery 验证密码强度
莫失莫忘的博客
12-28 467
首先下载jquery.passwordStrength.js文件以及jquery.js文件 将文件引入到网页中： 通过一句代码即可完成：  $(function(){   $('#txtNewUserPwd1').passwordStrength();  }); 其中txtNewUserPwd1是你要输入密码的id 显示密码强度的其实是一张图片： 这里的id="passwordStre
javascript密码强度验证
weixin_30391339的博客
09-16 87
<html><body><script language=javascript> //CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN){ if (iN>=48 && iN <=57) //数字 return 1; if (iN>=65 && iN &lt...
软件著作权申请教程（超详细）（2024新版）软著申请
最新发布
m0_75269526的博客
09-09 1727
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
JavaScript实现前端密码强度验证
"本文主要介绍如何使用JavaScript实现前端input元素的密码输入强度验证功能，以及密码的显示与隐藏。" 在网页开发中，确保用户设置的密码强度是至关重要的，因为这直接影响到账户的安全性。JavaScript 提供了一种在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值