2011-06-27 8 views
2

私はExtJSの持つパスワード強度の実装を見ていたし、この特定の実装に出くわし、A password strength meter for passwords for ExtJS4.パスワード強度の実装ExtJSには

この

ExtJSに4を使用して実装されており、私はExtJSの3 でそれを使用するために探していました私はいくつかの選択肢を試しましたが、あまり分かりませんでした。

私はそれがここでExtJSの3

で作業を取得するために行う必要があり、特定のものがある場合は私に知らせてくださいそれが役立つだろう場合は、このプラグインのGithub linkです。

答えて

5

私はこのウィジェットを使用し、いくつかの私のプロジェクトでは: Ext.ux.PasswordMeter

これはよく働いたので、私はあなたもそれを見直すことができると思います。

+0

リンクが壊れていて、私は作成者に電子メールを送り、リンクをバックアップしなければなりませんでした。これは私のプロジェクトで今使用されています。提案していただきありがとうございます。 – dkris

+0

なぜ死んだの?今すぐチェックしてください。[alive link](http://testcases.pagebakers.com/PasswordMeter/)。 – Andron

+0

私が言ったように、 "私は創造者に連絡を取り戻すためにメールを送る必要がありました。"リンクが機能しませんでした。 – dkris

4

十分に簡単です。あなたは同じロジックでExt.form.TextFieldクラスを拡張するだけです。彼らはonFieldChangeイベントで実際の「強さ」を処理していますが、これはExt 3ではドキュメントには表示されていませんが、keyup : (Ext.form.TextField this, Ext.EventObject e)イベントでは簡単に同じことができます。

ソースを見て、2つの関数processValuescorePasswordを定義していることを確認してください。これらの関数を直接コピーし、それらを使用するためにkeyup関数を実装することができます。

あなたは、クラスを作成します。

あなたが始めるのに十分でなければならない
Ext.form.PasswordStrength = Ext.extend(Ext.form.TextField, { 


     initComponent: function() { 

      // write your code, functions, etc here 

      // default values you want for your TextField 
      var config = { 

      } 

      Ext.apply(this, config); 

      Ext.form.PasswordStrength.superclass.initComponent(this); 

     } 
    }); 

    // register an xtype 
    Ext.reg("passwordstrength", Ext.form.PasswordStrength); 

+0

ありがとうございました。私は明日それをスピンし、それがどうなるかを教えてください:) – dkris

2

Ext.ux.PasswordMeterをExt JS 4互換に変更しました。コードは次のとおりです。my blog

フィードバックをお寄せください。

関連する問題