前端正则判断密码强度

当前流行的前端开发框架 android前端开发框架前端开发为啥要使用框架

前端用正则来判断密码强度的问题：

判断密码强度规则：

1、密码不能为空；
2、密码不能少于6个字符也不能多于16个字符，在6到16个字符之间；
3、密码不能包含空格；
4、密码必须只能包含字母数字下划线，包含其他字符，一律提示：密码格式错误，由字母数字下划线组成（当然加上必须由字母开头更好，我的没有加...）;
5、当密码全是数字（或全是字母）的时候，显示为弱（我的项目要求密码不能只是数字或只是字母，所以这个都是显示密码为弱，且过于简单）；
6、当密码包含字母和数字  或  字母和下划线  或  数字和下划线  的时候，显示为密码强度为中；
7、当密码包含字母数字和下划线三种的时候，显示为密码强度为强；
8、当密码包含中文字符或除了下划线以为的其他字符，都显示密码格式错误，必须由字母数字下划线组成

代码片段 1

<!DOCTYPE <a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a>> <<a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a> lang=”en”> <head> <meta charset=”UTF-8″> <title>密码强度表示</title> <style> * { margin: 0; padding: 0; list-style: none; } .text { width: 200px; height: 40px; margin: 50px auto 0; font-weight: normal; } .text .pwd { height: 30px; line-height: 30px; width: 200px; } .lang { width: 200px; margin: 10px auto; color: red; } </style> <script type=”text/javascript” src=”http://code.<a href="https://www.rokub.com/category/jquery" title="jquery" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">jquery</a>.com/<a href="https://www.rokub.com/category/jquery" title="jquery" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">jquery</a>-1.11.1.min.<a href="https://www.rokub.com/category/javascript" title="js" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">js</a>”></script> <script type=”text/javascript”> function checkPwd (value) { var result = ”; var reg1 = /^[0-9]{5,}$/; var reg2 = /^[a-z]{5,}$/; var reg3 = /^[a-z0-9]{6,16}$/; var reg4 = /^[a-z0-9_]{6,16}$/; var reg5 = /\s/g; var reg6 = /^[a-z_]{6,16}$/; var reg7 = /^[0-9_]{6,16}$/; if (value == ”) { result = 8; // 密码为空 } else if (value.length < 6) { result = 6; // 密码太短没有超过6位 } else if (value.length > 16) { result = 7; // 密码太长超过了 16位 } else if (reg5.test(value)) { result = 5; // 密码包括空格错误 } else if (reg1.test(value)) { result = 1; // 密码全是数字弱 } else if (reg2.test(value)) { result = 2; // 密码全是字母弱 } else if (reg3.test(value) || reg6.test(value) || reg7.test(value)) { result = 3; // 密码包括字母和数字在6到16位之间中 } else if (reg4.test(value)) { result = 4; // 密码包括字母数字和下划线在6到16位之间强 } return result; } $(function () { $(‘.pwd’).focus(function () { $(this).val(”); }) // onpropertychange 事实监听事件 $(‘.pwd’).blur(function () { var val = $(this).val(); if (checkPwd(val) == 8) { $(‘.lang’).text(‘请输入密码’); } else if (checkPwd(val) == 5) { $(‘.lang’).text(‘密码中不能含有空格’); } else if (checkPwd(val) == 6) { $(‘.lang’).text(‘密码不能少于6位’); } else if (checkPwd(val) == 7) { $(‘.lang’).text(‘密码不能多于16位’); } else if (checkPwd(val) == 1) { $(‘.lang’).text(‘密码不能全是数字，过于简单 — 弱’); } else if (checkPwd(val) == 2) { $(‘.lang’).text(‘密码不能全是字母，过于简单 — 弱’); } else if (checkPwd(val) == 3) { $(‘.lang’).text(‘密码强度为中’); } else if (checkPwd(val) == 4) { $(‘.lang’).text(‘密码强度为强’); } else { $(‘.lang’).text(‘密码格式错误，由字母数字下划线组成’); } console.log(val.length); }) }) </script> </head> <body> <div class=”text”> <input type=”text” class=”pwd”> </div> <div class=”lang”></div> </body> </<a href="https://www.rokub.com/category/html" title="html" target="_blank" data-wpel-link="internal" rel="noopener noreferrer">html</a>>

求教高手，有更好的方法来判断这个密码强度！！！{:4_153:} {:4_153:} {:4_153:}

web前端开发3大框架前端移动端网页开发框架前端开发框架模板

前端正则判断密码强度

前端开发者

相关推荐

评论抢沙发

评论前必须登录！

最新评论

前端开发者

相关推荐

评论 抢沙发

评论前必须登录！

最新评论

评论抢沙发