我已经将wordpress默认密码强度表加入队列,但不知道如何使用它。目前codex page 没有提供其文档的任何链接。是否有任何一个有任何指向其演示页面或文档的链接?
解析的HTML非常简单。将有两个密码框。一个div显示密码结果,一个隐藏字段获取用户名。当然你已经排队了jquery
和wp_enqueue_script(\'password-strength-meter\');
在jQuery代码之前。下面是使其工作的jQuery代码:
jQuery(document).ready(function(){
if(jQuery("#pass-strength-result").length > 0){
jQuery("#pass1").bind("keyup", function(){
var pass1 = jQuery("#pass1").val();
var pass2 = jQuery("#pass2").val();
var username = jQuery("#username").val();
var strength = passwordStrength(pass1, username, pass2);
updateStrength(strength);
});
jQuery("#pass2").bind("keyup", function(){
var pass1 = jQuery("#pass1").val();
var pass2 = jQuery("#pass2").val();
var username = jQuery("#username").val();
var strength = passwordStrength(pass1, username, pass2);
updateStrength(strength);
});
}
});
function updateStrength(strength){
var status = new Array(\'short\', \'bad\', \'good\', \'strong\', \'mismatch\');
var dom = jQuery("#pass-strength-result");
switch(strength){
case 1:
dom.removeClass().addClass(status[0]).text(\'Too Short\');
break;
case 2:
dom.removeClass().addClass(status[1]).text("Bad Password");
break;
case 3:
dom.removeClass().addClass(status[2]).text("Good Password");
break;
case 4:
dom.removeClass().addClass(status[3]).text("Strong Password");
break;
case 5:
dom.removeClass().addClass(status[4]).text("Mismatch");
break;
default:
//alert(\'something is wrong!\');
}
}
感谢@krembo99让我朝着正确的方向前进。以下是
strength meter 如果有人需要看的话。其内部
wp-admin/js/password-strength-meter.dev.js
.