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

下面小编就为大家带来一篇js实现密码强度检测【附示例】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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

第一个实例

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

实现代码：

     密码:
密码强度: 
 
 
弱
中
强

第二个实例：

  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实现密码强度检测【附示例】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• javascript密码强度校验代码（两种方法）
• JS 密码强度验证(兼容IE,火狐,谷歌)
• js检验密码强度(低中高)附图
• js检测用户输入密码强度
• js正则表达式验证密码强度【推荐】
• 用于判断用户注册时，密码强度的JS代码
• js在客户端验证密码强度，兼容FireFox和IE
• JavaScript 密码强度判断代码
• js密码强度校验
• javascript 密码强度验证规则、打分、验证（给出前端代码，后端代码可根据强度规则翻译）
• JS实现的四级密码强度检测功能示例
• JavaScript动态检测密码强度原理及实现方法详解

以上就是js实现密码强度检测【附示例】的详细内容，更多请关注本站其它相关文章！