javascript判断密码强度代码展示-tutorial js-php.cn

先看效果图：

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; }

Salin selepas log masuk

demo

js密码强度

安全程度弱中强

Salin selepas log masuk

第二种方法：

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>

Salin selepas log masuk

Atas ialah kandungan terperinci javascript判断密码强度代码展示. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!