密码强度验证

最新推荐文章于 2022-04-24 12:06:10 发布
最新推荐文章于 2022-04-24 12:06:10 发布
阅读量268 收藏
点赞数
文章标签： function xhtml javascript 测试 border action

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
</head> 
 
<body> 
<script language=javascript><!--  
   
function displayPasswd()   
{  
    var str=""+document.getElementById("pwd").value;  
    if(str.length>=1)  
      document.getElementById("passwd").style.display="";  
    else  
      document.getElementById("passwd").style.display="none";  
}  
//CharMode函数    
//测试某个字符是属于哪一类.    
function CharMode(iN){    
if (iN>=48 && iN <=57) //数字    
return 1;    
if (iN>=65 && iN <=90) //大写字母    
return 2;    
if (iN>=97 && iN <=122) //小写    
return 4;    
else    
return 8; //特殊字符    
}    
 
//bitTotal函数    
//计算出当前密码当中一共有多少种模式    
function bitTotal(num){    
modes=0;    
for (i=0;i<4;i++){    
if (num & 1) modes++;    
num>>>=1;    
}    
return modes;    
}    
 
//checkStrong函数    
//返回密码的强度级别    
 
function checkStrong(sPW){    
if (sPW.length<=4)    
return 0; //密码太短    
Modes=0;    
for (i=0;i<sPW.length;i++){    
//测试每一个字符的类别并统计一共有多少种模式.    
Modes|=CharMode(sPW.charCodeAt(i));    
}    
 
return bitTotal(Modes);    
 
}    
 
//pwStrength函数    
//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色    
 
function pwStrength(pwd){    
O_color="#eeeeee";    
L_color="#FF0000";    
M_color="#FF9900";    
H_color="#33CC00";    
if (pwd==null||pwd==''){    
Lcolor=Mcolor=Hcolor=O_color;    
}    
else{    
S_level=checkStrong(pwd);    
switch(S_level) {    
case 0:    
Lcolor=Mcolor=Hcolor=O_color;    
case 1:    
Lcolor=L_color;    
Mcolor=Hcolor=O_color;    
break;    
case 2:    
Lcolor=Mcolor=M_color;    
Hcolor=O_color;    
break;    
default:    
Lcolor=Mcolor=Hcolor=H_color;    
}    
}    
 
document.getElementById("strength_L").style.background=Lcolor;    
document.getElementById("strength_M").style.background=Mcolor;    
document.getElementById("strength_H").style.background=Hcolor;    
return;    
}    
// --></script>    
用户输入密码安全性测试<br> 
 
<form name=form1 action="" >    
输入密码:<input type=password size=10  id="pwd" onKeyUp="pwStrength(this.value);displayPasswd();" onBlur="pwStrength(this.value);displayPasswd();" >    
<br> 
<div id="passwd" style="display:none" mce_style="display:none">   
密码强度:   
 
<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style="display:inline" mce_style="display:inline">    
 
<tr align="center" bgcolor="#eeeeee">    
 
<td width="33%" id="strength_L">弱</td>    
 
<td width="33%" id="strength_M">中</td>    
 
<td width="33%" id="strength_H">强</td>    
</tr>    
</table>    
</div> 
</form>    
 
 
 
</body> 
</html> 


 

tsytdhs163
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
密码验证 : 密码强度验证
豆浆不好喝的博客
03-16 708
密码验证 需求 首先我们需要知道需求是什么？ 这很重要！ 要知道 我们写的一切逻辑都是建立在需求之上 当输入框聚焦时提示密码要求 当密码符合要求时 隐藏提示 并给予反馈 密码等级低时 提示密码等级为低 密码等级一般时 提示密码等级为中 密码等级高时 提示密码等级为高 当密码不符合要求时 重新打开提示 思考如何构建函数 通过上面的需求 你能想到的函数时什么？你能想到...
vue.js表单密码强度验证代码
06-24
本教程将深入探讨如何在Vue.js中实现一个密码强度验证功能，确保用户设定的密码达到一定的安全标准。 首先，我们需要在Vue组件中创建一个用于输入密码的`<input>`元素，添加`v-model`指令来绑定用户的输入值。例如...
MySQL关闭密码强度验证功能
09-09
本文通过实例代码给大家介绍了mysql关闭密码强度验证功能，非常不错，具有参考借鉴价值，需要的朋友参考下吧
jquery密码强度验证
12-09
`jQuery`作为一款广泛使用的JavaScript库，提供了便捷的方式来增强用户体验并实现复杂的前端功能，其中包括密码强度验证。本篇文章将深入探讨如何使用jQuery实现密码强度验证，并针对描述中的6、7、8位密码长度进行...
正则密码强度验证
06-27
在网络安全领域，密码强度验证是保护用户账户安全的重要一环。在JavaScript中，我们经常使用正则表达式（Regular Expression）来实现这一功能。本文将详细介绍如何使用JavaScript编写一个正则表达式，以验证密码的...
JavaScript简单的密码强度验证
01-30
JavaScript简单的密码强度验证，欢迎使用！
检验密码强度
05-27
NULL 博文链接：https://weishang-java.iteye.com/blog/572631
密码强度的验证
guozhennan123的专栏
11-29 242
     无标题页     //CharMode函数     //测试某个字符是属于哪一类.     function CharMode(iN){         if (iN>=48 && iN 数字         return 1;         if (iN>=65 && iN 大写字母         return 2;         if (iN>=97 && iN 小写 
验证密码强度
wuliao193728645的博客
03-28 807
验证“密码强度”的例子很常见，我们注册新的账号的时候往往设置密码，此时就遇到验证密码强度的问题了。“密码强度”也就是密码难易程度的意思。 原理： 1、如果输入的密码为单纯的数字或者字母：提示“低” 2、如果是数字和字母混合的：提示“中” 3、如果数字、字母、特殊字符都有：提示“强” 下面是一种“密码强度”的验证方法。 CSS代码 HTML代码 Js代码 ...
密码登陆强度的验证
V8min的博客
04-24 333
密码强度的验证，在这密码强度分为三级， 一级为纯数字或者纯字母或者纯特殊符号，特殊符号不满足的可以自己加~!@#$%^&* // 输入存数字，或者纯字母，或者，纯特殊符号 const weakTips = /^[0-9]{5,18}$|^[a-zA-Z]{5,18}$|^[~!@#$%^&*]{5,18}$/ 二级为数字和字母，或者字母和特殊符号，或者数字和特殊符号， // 输入数字，字母，特殊符号其中两样 const middleTips =
js密码强度验证
段琳琳
04-23 599
//CharMode函数  //测试某个字符是属于哪一类.           function CharMode(iN) {             if (iN >= 48 && iN                 return 1;             if (iN >= 65 && iN                 return 2;             if
JS密码强度验证
u013244038的博客
08-12 373
无标题文档 window.onload = function () {   document.getElementById('button').onclick = function () { var abc=document.getElementById("abc").value; /** *可以任意结束验证 */ var reg1=/^[a-zA
密码强度校验
qq_34590943的博客
09-09 586
密码校验 body{font:12px Arial;} input{float:left;font-size:12px;width:150px;border:1px solid #ccc;padding:3px;} #tips{float:left;margin:2px 0 0 20px;} #tips span{float:
html 密码强度验证
最新发布
06-06
你可以使用 JavaScript 和正则表达式来实现 HTML 密码强度验证。以下是一个简单的示例： ```html 密码： (this.value)"> <div id="password-strength"></div> 提交 function checkPasswordStrength...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值