2011-06-27 61 views

回答

5

在我的幾個項目中,我用這個小工具: Ext.ux.PasswordMeter

它運作良好,所以我覺得你可以查看它。

+0

鏈接已經死了,我不得不給電子郵件的創造者,並得到了鏈接備份。現在在我的項目中使用它。感謝您的建議。 – dkris

+0

爲什麼死了?剛剛檢查,效果很好:[alive link](http://testcases.pagebakers.com/PasswordMeter/)。 – Andron

+0

就像我說的,「我必須通過電子郵件發送給鏈接再次運行。」該鏈接不起作用。 – dkris

4

似乎很容易。你所要做的就是用同樣的邏輯來擴展Ext.form.TextField類。他們正在處理onFieldChange事件的實際「強度」,這在事件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

請隨時給我反饋。