Question

您好我有密码检查程序，但我不知道我应该为我的程序使用什么代码。我需要我的程序检查规则，但我不知道如何做到这一点。我希望有人知道该怎么做或者至少帮助我这样做。这些是我的计划的斑点。

用户键入所需的密码，并根据一系列检查，系统会告诉他们密码是否是强密码。要使密码强大，必须通过以下测试：密码必须至少包含1个大写字母密码必须至少包含1个小写字母密码必须至少包含1个数字密码必须至少包含以下1个字符： @＃$％^＆amp; 密码必须至少为8个字符在用户输入时，应该给出关于密码强度的反馈。您需要检查每个字母，以便查看密码是否符合这些规则。

这是我的HTML。

<div style="text-align: center;" style="font-weight:bold;"> 
<h1> Password Strength Checker</h1>
<br/>
The most secure passwords will have a very strong rating.
<br/>
The ratings scale range from: Weak (0), Good (25) , Medium (50), Strong (75) and Very Strong (100).
<br/>
<br/>
RULES:
<br/>
1. Your password must contain at least 1 number.
<br/>
2. Your password must be at least 8 characters long.
<br/>
3. Your password must contain at least 1 capital letter.
<br/>
4. Your password must contain at least 1 lowercase letter.
<br/>
5. Your password must contain at least 1 of the following characters:
<br/>! @ + # $ % ^ & * , ? _ ~ - ( )  
<br/>
Spaces are not allowed.
<br/>
<br/>
<input type="text" id="password" size="30" name="password" autocomplete="off" onkeydown="passwordStrength(this.value);"><span id="passwordStrength" class="strength0"><span id = "passwordDescription"><br/>
Please Enter Password <br/>

这是我的JavaScript。

 function passwordStrength(password) {
 var rating = [
 0, "<font color='black'> Weak </font>",
 25, "<font color='red'> Good </font>",
 50, "<font color='yellow'> Medium </font>",
 75, "<font color='blue'> Strong </font>",
 100, "<font color='green'> Very Strong </font>"];

 var score = 0;
 var pass = "";

 if (password.length > 8) {
     score += 25;
 }      
 if ((password.match(/[a-z]/)) && (password.match(/[A-Z]/))) {
     score += 25
 }
 if (password.match(/.[,!,@,#,$,%,^,&,*,?,_,~,-,(,)]/)) {
     score += 25;
 }
 if (password.match(/[0-9]/)) {
     score += 25
 }
 if (password.match(/d+/)) {
     score += 10;}

 for (var i = rating.length - 1; i >= 0; i -= 1) {
     if (score >= rating[i]) {
         pass = rating[i +1];
         break;
     }
 }
 document.getElementById("passwordDescription").innerHTML = "<b>" + pass + score + "</font></b>"
 document.getElementById("passwordStrength").className = "strength" + score;
 }

这是我的傻瓜。 http://jsfiddle.net/jYcBT/138/

Answer 1

不确定你的问题是什么？

但是，我只修复了你的特殊字符正则表达式

password.match(/[\!\@\#\$\%\^\&\*\?\_\~\-\(\)]+/)

删除额外的10分，不知道你为什么添加这个？

将事件从onkeydown更改为onchange。

据我所知，你的流量很好。

http://jsfiddle.net/jYcBT/140/

密码检查器纯js。如何检查密码检查器中的规则

1 个答案: