先看效果图:
javascript密码强度校验代码,具体实现思路不多说了,请看下面代码和demo。
第一种方法:
/* *密码安全程度 *return :全部为字母或者数字,或者密码长度小于 *return : 字母数字组成,或者字母特殊字符,或者数字和特殊字符 *return : 字母和数字和特殊字符 */ String.prototype.passwordStrength=function(){ if(this.length> && this.length<=) return ; var n = (this.search(/[a-zA-Z]/) != -) ? : , n = (this.search(/[-]/) != -) ? : , n =(this.search(/[~`!@#$\%^&*()\_+-=[]|{};":",./<>?]{,}/) != -) ? : ; return n+n+n; }
demo
js密码强度 弱 中 强
第二种方法:
javascript代码如下:
<script> 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>
以上是javascript判断密码强度代码展示的详细内容。更多信息请关注PHP中文网其他相关文章!