wordpressのデフォルトのパスワード強度メーターをキューに入れましたが、使用方法がわかりません。現在、コーデックスページにはそのドキュメントへのリンクはありません。デモページまたはドキュメントへのリンクはありますか?
解決済み
HTMLは非常に単純です。2つのパスワードボックスがあります。パスワードの結果を表示する1つのdivと、ユーザー名を取得するための隠しフィールド。もちろん、jQueryコードの前にエンキューがjquery
ありwp_enqueue_script('password-strength-meter');
ます。動作させる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に感謝します。誰かがそれを見る必要がある場合の強度計のソースコードを以下に示します。その中wp-admin/js/password-strength-meter.dev.js
。
wp-includes
ディレクトリで見つけようとしました。開発バージョンは説明です。私はそれを今すぐ動作させようとします:)