用户输入密码的强度

更新时间：2006年07月27日 00:00:00 作者：

<P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""></HEAD></P>
<P><script language=javascript></P>
<P>//程序设计:环球万维,专业提供虚拟主机,域名注册服务//网址:<a href="http://www.netInter.cn" target="_blank">http://www.netInter.cn</a>//本程序是环球万维原创程序,若需转载,请注明网址及出处,谢谢.//以上信息与文章正文是不可分割的一部分,所以如果您要转载本文章,您必须保留以上信息.</P>
<P>//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;elsereturn 8; //特殊字符}</P>
<P>//bitTotal函数//计算出当前密码当中一共有多少种模式function bitTotal(num){modes=0;for (i=0;i<4;i++){if (num & 1) modes++;num>>>=1;}return modes;}</P>
<P>//checkStrong函数//返回密码的强度级别</P>
<P>function checkStrong(sPW){if (sPW.length<=4)return 0; //密码太短Modes=0;for (i=0;i<sPW.length;i++){  //测试每一个字符的类别并统计一共有多少种模式.Modes|=CharMode(sPW.charCodeAt(i));}</P>
<P>return bitTotal(Modes);</P>
<P>} </P>
<P>//pwStrength函数//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色</P>
<P>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;  }} </P>
<P>document.getElementById("strength_L").style.background=Lcolor;document.getElementById("strength_M").style.background=Mcolor;document.getElementById("strength_H").style.background=Hcolor;return;}</P>
<P></script></P>
<P><BODY><form name=form1 action="" >输入密码:<input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>密码强度:<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" 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></P>
<P></form></P>
<P></BODY></HTML></P>
<P> </P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

用户输入密码的强度

uniapp中实现canvas超出屏幕滚动查看功能
亲爱的小伙伴,当你需要在uniapp中使用canvas绘制一个超长图,就类似于横向的流程图时,这个canvas超出屏幕部分拖动屏幕查看会变得十分棘手,怎么解决这个问题呢,下面小编给大家介绍uniapp中实现canvas超出屏幕滚动查看功能,感兴趣的朋友一起看看吧
2024-03-03
JS中不推荐使用的几个函数方法
随着JavaScript技术的不断进步和语言的持续演化,一些曾经备受瞩目的功能逐渐变得不再那么有用,甚至被更现代、更高效的替代方案所取代,今天,我们就来一起探讨几个原生JavaScript中那些“不再那么有用”的功能与API,最好避免使用的几个函数方法
2025-01-01
JS实现的几个常用算法
本文给大家分享日常中比较熟悉的常用的几个算法用JS的实现，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-11-11
js通过canvas生成图片缩略图
对于生成缩略图一般做法是通过后端语言php等来生成，但是为了给服务器减压，我们或许可以从前端来着手，先生成好不同尺寸的缩略图，传给后端，而后端只需要将前端传过来的图片进行存储就好了
2020-10-10
JavaScript数组方法的错误使用例子
在本篇文章中我们给大家分享了几种使用JavaScript数组容易出错的例子，需要的朋友们可以参考下。
2018-09-09
阻止移动端touchmove与scroll事件冲突技巧
这篇文章主要为大家介绍了阻止移动端touchmove与scroll事件冲突技巧详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-06-06
JavaScript获取网页中第一个图片id的方法
这篇文章主要介绍了JavaScript获取网页中第一个图片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以参考下
2015-04-04
获取数组中最大最小值方法js代码(自写)
经搜索获取数组中最大最小值的方法实在是太多了，不过大同小异，本文自写了一个，有需要的朋友可以参考下，希望对大家有所帮助
2013-08-08
iframe里使用JavaScript控制主页转向的方法
这篇文章主要介绍了iframe里使用JavaScript控制主页转向的方法,涉及使用javascript实现iframe页面跳转的技巧,需要的朋友可以参考下
2015-04-04
JavaScript中的函数（二）
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。本文给大家介绍介绍javascript中的函数(二)，对javascript函数相关知识感兴趣的朋友一起学习吧
2015-12-12

用户输入密码的强度

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具