Enfileirei o medidor de força de senha padrão do wordpress, mas não sei como usá-lo. Atualmente, a página do codex não fornece nenhum link para sua documentação. Alguém tem algum link para sua página de demonstração ou documentação?
Resolvido
HTML é bastante simples. Haverá duas caixas de senha. Um div para mostrar o resultado da senha e um arquivo oculto para obter o nome de usuário. E é claro que você tem enfileiramento jquery
e wp_enqueue_script('password-strength-meter');
antes do código do jQuery. Aqui está o código jQuery para fazê-lo funcionar:
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!');
}
}
Graças a @ krembo99 para me enviar na direção certa. Aqui está o código fonte do medidor de força, se alguém precisar vê-lo. Está dentro wp-admin/js/password-strength-meter.dev.js
.
fonte
wp-includes
diretório A versão do desenvolvedor é explicativa. Vou tentar fazê-lo funcionar agora :)