用Js写一个密码强度检测

好的，我可以回答这个问题。密码强度检测可以通过以下代码实现：

function checkPasswordStrength(password) {
var strength = 0;
if (password.length < 6) {
return "密码强度较弱";
}
if (password.length >= 6 && password.length <= 10) {
strength += 1;
} else if (password.length > 10) {
strength += 2;
}
if (password.match(/([a-z])/)) {
strength += 1;
}
if (password.match(/([A-Z])/)) {
strength += 1;
}
if (password.match(/([0-9])/)) {
strength += 1;
}
if (password.match(/([!,%,&,@,#,$,^,*,?,_,~])/)) {
strength += 1;
}
if (strength < 2) {
return "密码强度较弱";
} else if (strength == 2) {
return "密码强度一般";
} else {
return "密码强度较强";
}
}

你可以将密码作为参数传递给这个函数，它将返回密码的强度级别。

相关问题

jquery密码强度检测

以下是一个基本的jQuery密码强度检测代码：

$(document).ready(function(){
    $('#password').keyup(function(){
        var password = $(this).val();
        var strength = 0;
        if (password.match(/[a-z]+/)) {
            strength += 1;
        }
        if (password.match(/[A-Z]+/)) {
            strength += 1;
        }
        if (password.match(/[0-9]+/)) {
            strength += 1;
        }
        if (password.match(/[$@#&!]+/)) {
            strength += 1;
        }
        if (password.length >= 8) {
            strength += 1;
        }
        switch(strength) {
            case 0:
                $('#password-strength').html("密码强度：太弱了").css('color', 'red');
                break;
            case 1:
                $('#password-strength').html("密码强度：弱").css('color', 'orange');
                break;
            case 2:
                $('#password-strength').html("密码强度：一般").css('color', 'yellow');
                break;
            case 3:
                $('#password-strength').html("密码强度：强").css('color', 'green');
                break;
            case 4:
                $('#password-strength').html("密码强度：很强").css('color', 'darkgreen');
                break;
            default:
                $('#password-strength').html("");
        }
    });
});

在这个代码中，我们使用了jQuery的`keyup()`方法来检测密码输入框的内容是否发生了变化。然后我们获取密码的值，并使用正则表达式来检查密码是否包含小写字母、大写字母、数字和特殊字符以及密码的长度是否大于等于8个字符。每个条件都会增加密码的强度值。最后，我们使用`switch()`语句根据不同的强度值来显示不同的提示信息，并根据强度值来设置不同的颜色。

你可以根据自己的需求来自定义密码强度检测的条件和提示信息。

css表单设计检测输入密码6~12位

您可以使用以下CSS代码来检测输入密码是否为6~12位：

input[type="password"]:valid {
   border: 2px solid green;
}
input[type="password"]:invalid {
   border: 2px solid red;
}
input[type="password"][minlength="6"][maxlength="12"] {
   border: 2px solid blue;
}

这段代码会为密码输入框添加三种状态的边框样式：

- 绿色边框表示密码输入框中输入的密码符合输入要求（6~12位）；
- 红色边框表示密码输入框中输入的密码不符合输入要求（少于6位或多于12位）；
- 蓝色边框表示密码输入框是一个6~12位数的密码输入框，但是没有输入任何内容。

请注意，这段代码只会检测密码输入框的输入长度，但不会检测密码的强度或复杂度。如果需要进一步检测密码的强度或复杂度，请使用JavaScript或其他编程语言实现。