js实现密码强度检测【附示例】

前端之家收集整理的这篇文章主要介绍了js实现密码强度检测【附示例】前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这篇文章主要介绍了js实现密码强度检测的相关实例,第一个例子给出了全部代码,可以直接运行,第二个例子只给出了js代码,感兴趣的编程之家可以自己完成第二个实例。

第一个实例

这段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: ''
});
}
} < /script>

以上这篇js实现密码强度检测【附示例】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章