ワードプレスのデフォルトのパスワード強度メータースクリプトの使用方法


18

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

回答:


6

良い質問 :-)

ドキュメンテーションに関して正確にあなたを助けることはできませんが、私はそれがどのように機能するかについて少し背景を与えることができます。

wordpressはpassword-strength-meter.js(wp-admin / jsにある)ディレクトリと呼ばれるjQueryスクリプトを使用します。実際には、整数として "stregth"(または不一致)を返す関数(passwordStrength(f、i、d)、f = password1、i = user_login、d = password2)のみです。その関数を呼び出して使用するには、2番目のjavascriptが必要です(たとえば、同じディレクトリにあるuser-profile.jsが-edit-profileページにも固有です)要するに、password-strength-meterをコピーできます。 jsとそれをある種の「jQueryプラグイン」として使用します-しかし、私見-あなたはそれを使用するために別のjavascriptを書く必要があります-あなたが正確に達成したいものに応じて-方法、そしてどこでも。(参照としてuser-profile.jsを使用し、必要に応じてコピーして変更できます)

他の誰もあなたに良い答えを与えないなら(そして誰かがそうすることを願っています)、実装が簡単で文書化されている他のJqueryパスワード強度プラグインを使用するだけの場合があります。そのオプションを選択した場合-リストはここで見つけることができます:

http://www.webresourcesdepot.com/10-password-strength-meter-scripts-for-a-better-registration-interface/

http://www.articlediary.com/article/10-password-strength-meter-scripts-to-check-password-strength-178.html

また、プロセスをよりよく理解するための簡単なチュートリアルを見つけることができます:http : //net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/


ありがとう!私の目的には十分なので、実際にはwordpressのデフォルトを使用したいです。また、WordPressに同梱されているすべてのスクリプトを知り、理解したいので、それを機会に取り入れました;)また、位置情報に感謝します。wp-includesディレクトリで見つけようとしました。開発バージョンは説明です。私はそれを今すぐ動作させようとします:)
Sisir

うわー。すべてのワードプレススクリプト!それは沢山 。あなたはなるだろうHUGHその「理解」のプロセスであればWordPressのコミュニティへの貢献を-あなたはまた、中にあなたの調査結果を書き込みますCODEX
krembo99
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.