使用javascript/jquery检查密码强度
Check password strength using javascript / jquery
我想在我的asp.net网站上为我的文本框实现一个密码强度功能。
目前,我的代码如下:
<span id="password_strength"></span>
<script type="text/javascript">
function CheckPasswordStrength(password) {
var password_strength = document.getElementById("password_strength");
//if textBox is empty
if(password.length==0){
password_strength.innerHTML = "";
return;
}
//Regular Expressions
var regex = new Array();
regex.push("[A-Z]"); //For Uppercase Alphabet
regex.push("[a-z]"); //For Lowercase Alphabet
regex.push("[0-9]"); //For Numeric Digits
regex.push("[$@$!%*#?&]"); //For Special Characters
var passed = 0;
//Validation for each Regular Expression
for (var i = 0; i < regex.length; i++) {
if(new RegExp (regex[i]).test(password){
passed++;
}
}
//Validation for Length of Password
if(passed > 2 && password.length > 8){
passed++;
}
//Display of Status
var color = "";
var passwordStrength = "";
switch(passed){
case 0:
case 1:
passwordStrength = "Password is Weak.";
color = "Red";
break;
case 2:
passwordStrength = "Password is Good.";
color = "darkorange";
break;
case 3:
case 4:
passwordStrength = "Password is Strong.";
color = "Green";
break;
case 5:
passwordStrength = "Password is Very Strong.";
color = "darkgreen";
break;
}
password_strength.innerHTML = passwordStrength;
password_strength.style.color = color;
}
</script>
<div class="row">
<div class="col-sm-6">
<center><asp:label runat="server" text="Password :" Font-Bold="True" Font-Italic="False"></asp:label></center>
<center><asp:TextBox ID="tbPassword" runat="server" onkeyup="CheckPasswordStrength(this.value)"></asp:TextBox></center>
</div>
</div>
我在网上找到了这个代码。我在我的网站上试过了,但它不起作用。如果有人能帮我写代码,我将不胜感激。
将break
添加到case 3
和case 0
中。然后在case 5
之后设置default
。
http://www.w3schools.com/js/js_switch.asp
编辑:
我更新了你的功能
function CheckPasswordStrength(password) {
var password_strength = document.getElementById("password_strength");
//if textBox is empty
if(password.length==0){
password_strength.innerHTML = "";
return;
}
//Regular Expressions
var regex = new Array();
regex.push("[A-Z]"); //For Uppercase Alphabet
regex.push("[a-z]"); //For Lowercase Alphabet
regex.push("[0-9]"); //For Numeric Digits
regex.push("[$@$!%*#?&]"); //For Special Characters
var passed = 0;
//Validation for each Regular Expression
for (var i = 0; i < regex.length; i++) {
if((new RegExp (regex[i])).test(password)){
passed++;
}
}
//Validation for Length of Password
if(passed > 2 && password.length > 8){
passed++;
}
//Display of Status
var color = "";
var passwordStrength = "";
switch(passed){
case 0:
break;
case 1:
passwordStrength = "Password is Weak.";
color = "Red";
break;
case 2:
passwordStrength = "Password is Good.";
color = "darkorange";
break;
case 3:
break;
case 4:
passwordStrength = "Password is Strong.";
color = "Green";
break;
case 5:
passwordStrength = "Password is Very Strong.";
color = "darkgreen";
break;
}
password_strength.innerHTML = passwordStrength;
password_strength.style.color = color;
}
测试:https://jsfiddle.net/Lko29h8m/1/
相关文章:
- 如何在ajax中检查密码是否小于8个字符
- 如何为在客户端检查其密码的用户创建登录页面
- 如何使用Passport.js本地策略检查当前密码并(如果正确)更新密码
- 检查密码匹配时出错
- 检查密码-代码中的错误在哪里
- 正在创建用于密码检查的UML类图
- 创建 1337 密码检查器(javascript)
- 角度 js ng-keyup 不适用于密码强度检查
- 根据字符串数组检查字符串(密码验证)
- 检查密码是否匹配
- 我正在尝试制作一个nocatsplash页面 - 它使用HTML代码来检查密码并在输入正确的密码时重定向访问者
- 密码检查器未按预期工作
- 页面加载前的密码检查
- 密码检查器纯js.如何根据密码检查器中的规则进行检查
- 修改正则表达式密码检查器
- 使用nodejs进行错误邮件/密码检查的推送通知
- Javascript密码检查与确认不工作
- 特殊字符的密码检查
- JavaScript密码检查和打开.html文件,如果正确
- angularjs中的密码检查指令