web-dev-qa-db-ja.com

Wordpress default Password Strength Meterスクリプトの使い方

私はwordpressのデフォルトのパスワード強度計をキューに入れましたが、それを使用する方法がわかりません。現在 codexページ はそのドキュメントへのリンクを与えていません。デモページやドキュメントへのリンクはありますか？

解決済み

HTMLはとても単純です。 2つのパスワードボックスがあります。パスワードの結果を表示する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です。

javascriptwp-enqueue-script
17
Sisir

良い質問 ：-）

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

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/10パスワード - メートル - スクリプト - for-a-better-registration-interface/ /

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

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

5
krembo99