判断密码强度的Java script代码

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        .lv0{            width: 10px;            height: 5px;            background-color:white;        }

        .lv1{            width: 40px;            height: 5px;            background-color:red;        }

        .lv2{            width: 80px;            height: 5px;            background-color:orangered;        }

        .lv3{            width: 120px;            height: 5px;            background-color:green;        }    </style>

</head>

<body>

<input type="password" id="pwd"><div id="lv">

<script>   var pwd = document.getElementById("pwd");   var lv = document.getElementById("lv");

   pwd.onkeyup = function () {       var lvl = getPawLvl(this.value);       if(pwd.value.length<6){           ;       }       else{           if(1==lvl){               lv.className="lv1";           }else if(2==lvl){               lv.className="lv2";           }else if(3==lvl){               lv.className="lv3";           }else{               lv.className = "lv0";           }       }

   }

   function getPawLvl(password){       var lvl = 0;       if(/[0-9]/.test(password)){           lvl++;       }       if(/[a-zA-Z_]/.test(password)){           lvl++;       }       if(/[^0-9a-zA-Z_]/.test(password)){           lvl++;       }

       return lvl;

   }

</script></body></html>

原文地址:https://www.cnblogs.com/programfield/p/11067774.html

时间: 2024-10-09 01:44:21

判断密码强度的Java script代码的相关文章

Js判断密码强度并显示提示信息

用javascipt实现的Ajax判断密码强弱的功能,大多数有用户注册功能的网站,都会有这么一个功能,作为WEB程序员,应该会写这种小模块哦,不懂的就看下这个例子,觉得挺简单,当初帮助了不少人学会了密码强度的检测. 表单部分,用来显示密码框和密码强度提示信息: <form name=form1 action="" > 请设置密码:<input type="password" size="10" onKeyUp="pwS

js判断密码强度

html代码: 1 <form name="form1" action=""> 2 密码:<input type="password" size="8" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)"> 3 <br> 4 密码强度: 5 <table width=&

【课上OJ】判断密码强度

一个判断密码强度问题: 假设允许采用以下四类字符作为密码: (1)大写英文字母,(2)小写英文字母,(3)数字0-9,(4)特殊符号 @ - _ # ~ 对密码强度做以下规定: Best: 长度>=16,且包含以上四类字符,且每类至少有两个不同的字符 Strong: 不符合Best规定,但长度>=10,且包含以上四类字符 Medium: 不符合Best.Strong规定,但长度>=8,且包含以上至少三类字符 Weak:不符合Best.Strong.Medium规定. 现给你一个密码组合,

Js判断密码强度代码

以前不知道密码强度是怎么搞的,今天看了一下网上写的,好像是这样的,就4个模式 数字,小写字母,大写字母,其他字符 只出现其中的一种为弱 出现其中2种为中 出现2种以上为高 1 /*每个字符对应的模式 => 1,2,4,8对应二进制*/ 2 function everycharmod(i){ 3 if(i >= 'a' && i <= 'z'){ 4 return 1; 5 }else if(i >= 'A' && i <= 'Z'){ 6 re

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.w3.org/1999/xhtml"> <head> <meta htt

简单的密码强度判断

一个简单的判断密码强度的小例子. 密码强度等级设定: 弱:纯字母或者纯数字组成 中:数字与字母混合组成 高:数字,字母,符号三者混合组成 这部分的js代码: $('#pass').keyup(function(e) { // 最强的正则表达式:8位 大小写字母 数字 符号 var strongRegex = new RegExp("^(?=.{8,})(?=.*[a-zA-Z])(?=.*[0-9])(?=.*\\W).*$", "g"); // 中等强度 : 7位

利用JavaScript来实现用动态检验密码强度

平时我们会在某些网站的注册页面或者更改密码的页面发现当我们输入密码时,会有一个类似于进度条的长条进行提示用户输入的密码强度.如下图: 我看到有些人用几张不同的图片来替换,这样似乎可以,但是不太好.所以我通过其他方式实现. 实质上这是根据用户输入的不同密码强度来改变 颜色区域的长度. 密码强度这个横条实质是一个div,其他标记也可以,div里面有一个span标记,我就是通过改变span的长度和颜色来表现密码的强度的.原理很简单,但是在操作过程中,可能会遇到一些问题很头疼. 1.先在html页面里面

C++实现密码强度测试

最近在博客中看到许多用js写的密码强度检测,我觉得挺有意思的,所以呢我打算自己也写个来玩玩,最可悲的是我还没学js,当然这不重要,所以呢打算用C++来写一个密码强度检测,这里我来给大家说说用JS写的和用C++写的不同之处 JS写的密码强度检测:当你输入一串>=6 位数的时候 他后面会自动弹出密码的强度 ,还有你再继续输入然后他后面的密码强度会更换 (当然我也尝试解决过这个问题,写出来就一直只能输入6位数,由于我技术有限,如果大家自己能写出来的话可以去试试): C++写的密码强度检测:当你输入一串

检测密码强度

在大多数平台注册一个新账户,输入密码是必须的,有时候为了提醒用户设置一个相对安全的密码,会检测密码强度. /** * @param input (密码框) * @param notice (文本提示) * 检测密码强度 供参考 **/ function checkPasswordStrength(input,notice){ var str = ['密码强度:弱','密码强度:中','密码强度:强'], getStrength = function(str){ var strength = 0;