使用javascript/jquery检查密码强度
我希望在我的asp.net网站中为我的文本框实现密码强度功能 目前,我的代码如下所示:使用javascript/jquery检查密码强度,javascript,jquery,Javascript,Jquery,我希望在我的asp.net网站中为我的文本框实现密码强度功能 目前,我的代码如下所示: <span id="password_strength"></span> <script type="text/javascript"> function CheckPasswordStrength(password) { var password_strength = document.getElementById("password_streng
<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>
已经在线获取此代码。。。但是我在我的网站上试过了,结果不起作用。
如果有人能帮我写代码,我将不胜感激
谢谢 将中断添加到案例3和案例0中。然后在案例5之后设置默认值
编辑:
我更新了你的功能
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;
}
测试:欢迎使用堆栈溢出!请仔细阅读,以帮助您提出正确类型的问题。我建议用上面这个例子问一些具体的问题。它现在的措辞听起来像是你在要求我们做研究,在你的代码片段中找到你没有写的问题,并为你解决它。你应该先问一个具体的问题。我不知道什么是不工作。描述确切的行为。它在做什么,它偏离了您期望的哪一行代码?如何在案例5之后添加默认值非常感谢你的帮助。密码强度功能最终在我的asp.net网站上运行…: