js验证密码强度的代码

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/ 1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js验证密码</title>
<script language="网页特效">
function chkpwd(obj){
  var t=obj.value;
  var id=getresult(t);
  var msg=new array(4);
  msg[0]="密码小于6个字符。";
  msg[1]="密码强度一般。";
  msg[2]="密码强度良好。";
  msg[3]="密码强度高。";
  var sty=new array(4);
  sty[0]=-45;
  sty[1]=-30;
  sty[2]=-15;
  sty[3]=0;
  var col=new array(4);
  col[0]="gray";
  col[1]="red";
  col[2]="#ff6600";
  col[3]="green";
  var bimg="../images/passwordjc.gif";
  var swidth=300;
  var sheight=15;
  var bobj=document.getelementbyid("chkresult");
  bobj.style.fontsize="12px";
  bobj.style.color=col[id];
  bobj.style.width=swidth + "px";
  bobj.style.height=sheight + "px";
  bobj.style.lineheight=sheight + "px";
  bobj.style.background="url(" + bimg + ") no-repeat left " + sty[id] + "px";
  bobj.style.textindent="20px";
  bobj.innerhtml="检测提示:" + msg[id];
 }
 function getresult(s){
  if(s.length < 4){
   return 0;
  }
  var ls = 0;
  if (s.match(/[a-z]/ig)){
   ls++;
  }
  if (s.match(/[0-9]/ig)){
   ls++;
  }
   if (s.match(/(.[^a-z0-9])/ig)){
   ls++;
  }
  if (s.length < 6 && ls > 0){
   ls--;
  }
  return ls
 }
</script>
</head>

<body>
<table>
<tr>
<td height="35" align="right"><span class="user_reg_text">密&nbsp;&nbsp;码:<span style="color:#f00">*</span>&nbsp;</span></td>
                  <td align="left"><input name="user_pass" type="password" class="user_reg_button" id="user_pass" size="25" maxlength="20" onblur="chkpwd(this)" /></td>
                  <td align="left"><div class="domain_text_1" id="chkresult">由字母、数字、下划线组成(6-20位)</div></td>
                </tr>
                <tr>
                  <td height="35" align="right" class="user_reg_text">再次输入密码:<span style="color:#f00">*</span>&nbsp;</td>
                  <td colspan="2" align="left"><input name="user_pass_two" type="password" class="user_reg_button" id="user_pass_two" size="25" maxlength="20" /></td>
                </tr>
                </table>
</body>
</html>

时间: 2024-08-02 01:39:30

js验证密码强度的代码的相关文章

js判断密码强度程序代码

jquery实例  代码如下 复制代码 <script> function AuthPasswd(string) {  if(string.length >=6) {   if(/[a-zA-Z]+/.test(string) && /[0-9]+/.test(string) && /W+D+/.test(string)) {    noticeAssign(1);   }else if(/[a-zA-Z]+/.test(string) || /[0-9]

js常用密码强度验证与大小写字母判断函数

js常用密码强度验证与大小写字母判断函数 */ function charmode(in){   if (in>=65 && in <=90) //大写字母   return 2;   if (in>=97 && in <=122) //小写   return 4;   else   return 1; //数字 } //计算出当前密码当中一共有多少种模式 function bittotal(num){   modes=0;   for (i=0;i

javascript密码强度校验代码(两种方法)_javascript技巧

先看效果图: javascript密码强度校验代码,具体实现思路不多说了,请看下面代码和demo. 第一种方法: /* *密码安全程度 *return :全部为字母或者数字,或者密码长度小于 *return : 字母数字组成,或者字母特殊字符,或者数字和特殊字符 *return : 字母和数字和特殊字符 */ String.prototype.passwordStrength=function(){ if(this.length> && this.length<=) retur

在客户端验证密码强度[2],兼容FireFox和IE

之前发过一个关于用JavaScript验证密码强度的,程序很简洁,只用了一个正则便能验证所有情况,但是因为利用了取巧的方法,所以只能在IE中使用,在FF中失效,现在修改一下做一个兼容的版本. 规则如下(分四个等级,等级超高强度越高): 0. 密码为空. 1. 密码长度小于六位.或者密码只有一种组合. 2. 密码长度大于五位, 且有两种组合. 3. 密码长度大于五位, 且有三种组合. 4. 密码长度大于五位,,且有四种组合. 四种组合指 数字,小写字母,大写字母,其它字符 源代码如下: 以下为引用

验证密码强度的js代码

提示:您可以先修改部分代码再运行 输入密码: 密码强度: 弱 中 强 提示:您可以先修改部分代码再运行

js在客户端验证密码强度,兼容FireFox和IE_javascript技巧

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 改成这样的也行-- 密码: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] google效果 输入密码: 密码强度: 弱 中 强 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js密码强度检测代码

//密码强度; function PasswordStrength(showed){   this.showed = (typeof(showed) == "boolean")?showed:true;  this.styles = new Array();   this.styles[0] = {backgroundColor:"#EBEBEB",borderLeft:"solid 1px #FFFFFF",borderRight:"

js检验密码强度(低中高)附图_javascript技巧

最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高).今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求. html 代码如下: 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"/> <title>密码强度</title> <style type=

jQuery实现提示密码强度的代码_jquery

如何实现色条随输入密码长度变化效果: 在很多网站注册页面都有这样的功能,当用户输入密码的时候,下面会出现一个色条,色条的长度会跟随输入密码的长度变化,并且色条的颜色也会根据输入密码长度的不同有所改变,一般是用来提示密码强度.下面就简单介绍一下使用jQuery如何实现此功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title