Tôi đã mê hoặc máy đo mật khẩu mặc định của wordpress nhưng không biết cách sử dụng nó. Hiện tại trang codex không cung cấp bất kỳ liên kết nào đến tài liệu của nó. Có ai có bất kỳ liên kết đến trang demo hoặc tài liệu của nó?
Đã giải quyết
HTML khá đơn giản. Sẽ có hai hộp mật khẩu. Một div để hiển thị kết quả mật khẩu và một tệp được ẩn để lấy tên người dùng. Và tất nhiên bạn có enqueue jquery
và wp_enqueue_script('password-strength-meter');
trước mã jQuery. Đây là mã jQuery để làm cho nó hoạt động:
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!');
}
}
Cảm ơn @ krembo99 để gửi cho tôi đúng hướng. Dưới đây là mã nguồn của máy đo cường độ nếu có ai cần xem. Bên trong của nó wp-admin/js/password-strength-meter.dev.js
.
wp-includes
thư mục. Phiên bản dev là giải thích. Tôi sẽ cố gắng làm cho nó hoạt động ngay bây giờ :)