jquery密码强度智能判断特效是一款非常实用的jquery特效,基本上每个有会员模块的网站都可用上,可以提示会员注册时输入的密码强度,主要用到了keyup事件。 $("#tbPassword").focus(function () { $("#pwdLevel_1").attr("class", "ywz_zhuce_hongxian"); $("#tbPassword").keyup(); }); $("#tbPassword").keyup(function () { var __th = $(this); if (!__th.val()) { $("#pwd_tip").hide(); $("#pwd_err").show(); Primary(); return; } if (__th.val().length < 6) { $("#pwd_tip").hide(); $("#pwd_err").show(); Weak(); return; } var _r = checkPassword(__th); if (_r < 1) { $("#pwd_tip").hide(); $("#pwd_err").show(); Primary(); return; } if (_r > 0 && _r < 2) { Weak(); } else if (_r >= 2 && _r < 4) { Medium(); } else if (_r >= 4) { Tough(); } $("#pwd_tip").hide(); $("#pwd_err").hide(); }); function Primary() { $("#pwdLevel_1").attr("class", "ywz_zhuce_huixian"); $("#pwdLevel_2").attr("class", "ywz_zhuce_huixian"); $("#pwdLevel_3").attr("class", "ywz_zhuce_huixian"); } function Weak() { $("#pwdLevel_1").attr("class", "ywz_zhuce_hongxian"); $("#pwdLevel_2").attr("class", "ywz_zhuce_huixian"); $("#pwdLevel_3").attr("class", "ywz_zhuce_huixian"); } function Medium() { $("#pwdLevel_1").attr("class", "ywz_zhuce_hongxian"); $("#pwdLevel_2").attr("class", "ywz_zhuce_hongxian2"); $("#pwdLevel_3").attr("class", "ywz_zhuce_huixian"); } function Tough() { $("#pwdLevel_1").attr("class", "ywz_zhuce_hongxian"); $("#pwdLevel_2").attr("class", "ywz_zhuce_hongxian2"); $("#pwdLevel_3").attr("class", "ywz_zhuce_hongxian3"); } function checkPassword(pwdinput) { var maths, smalls, bigs, corps, cat, num; var str = $(pwdinput).val() var len = str.length; var cat = /.{16}/g if (len == 0) return 1; if (len > 16) { $(pwdinput).val(str.match(cat)[0]); } cat = /.*[一-龥]+.*$/ if (cat.test(str)) { return -1; } cat = /d/; var maths = cat.test(str); cat = /[a-z]/; var smalls = cat.test(str); cat = /[A-Z]/; var bigs = cat.test(str); var corps = corpses(pwdinput); var num = maths + smalls + bigs + corps; if (len < 6) { return 1; } if (len >= 6 && len <= 8) { if (num == 1) return 1; if (num == 2 || num == 3) return 2; if (num == 4) return 3; } if (len > 8 && len <= 11) { if (num == 1) return 2; if (num == 2) return 3; if (num == 3) return 4; if (num == 4) return 5; } if (len > 11) { if (num == 1) return 3; if (num == 2) return 4; if (num > 2) return 5; } } function corpses(pwdinput) { var cat = /./g var str = $(pwdinput).val(); var sz = str.match(cat) for (var i = 0; i < sz.length; i++) { cat = /d/; maths_01 = cat.test(sz[i]); cat = /[a-z]/; smalls_01 = cat.test(sz[i]); cat = /[A-Z]/; bigs_01 = cat.test(sz[i]); if (!maths_01 && !smalls_01 && !bigs_01) { return true; } } return false; }
dd: