欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js实现的密码强度检测的两个实例

程序员文章站 2022-04-12 12:04:57
...
第一个实例

这段JavaScript代码比较实用,它完成用户注册时判断用户输入密码的强度,分强、弱、中三等级,它可以根据用户输入的密码显示对应的密码强弱等级,方便用户改进输入。

实现代码:



JS判断密码强度
密码:
密码强度:

在线运行

第二个实例:


function AuthPasswd(string) {
    if (string.length >= 6) {
        if (/[a-zA-Z]+/.test(string) && /[0-9]+/.test(string) && /\W+\D+/.test(string)) {
            noticeAssign(1);
        } else if (/[a-zA-Z]+/.test(string) || /[0-9]+/.test(string) || /\W+\D+/.test(string)) {
            if (/[a-zA-Z]+/.test(string) && /[0-9]+/.test(string)) {
                noticeAssign( - 1);
            } else if (/\[a-zA-Z]+/.test(string) && /\W+\D+/.test(string)) {
                noticeAssign( - 1);
            } else if (/[0-9]+/.test(string) && /\W+\D+/.test(string)) {
                noticeAssign( - 1);
            } else {
                noticeAssign(0);
            }
        }
    } else {
        noticeAssign(null);
    }
}

function noticeAssign(num) {
    if (num == 1) {
        $('#weak').css({
            backgroundColor: '#009900'
        });
        $('#middle').css({
            backgroundColor: '#009900'
        });
        $('#strength').css({
            backgroundColor: '#009900'
        });
        $('#strength').html('很强');
        $('#middle').html('');
        $('#weak').html('');
    } else if (num == -1) {
        $('#weak').css({
            backgroundColor: '#ffcc33'
        });
        $('#middle').css({
            backgroundColor: '#ffcc33'
        });
        $('#strength').css({
            backgroundColor: ''
        });
        $('#weak').html('');
        $('#middle').html('中');
        $('#strength').html('');
    } else if (num == 0) {
        $('#weak').css({
            backgroundColor: '#dd0000'
        });
        $('#middle').css({
            backgroundColor: ''
        });
        $('#strength').css({
            backgroundColor: ''
        });
        $('#weak').html('弱');
        $('#middle').html('');
        $('#strength').html('');
    } else {
        $('#weak').html(' ');
        $('#middle').html(' ');
        $('#strength').html(' ');
        $('#weak').css({
            backgroundColor: ''
        });
        $('#middle').css({
            backgroundColor: ''
        });
        $('#strength').css({
            backgroundColor: ''
        });
    }
} /
相关标签: js 密码 检测