Question

我正在研究使用ExtJS的密码强度实现，并遇到了这个特定的实现，

A password strength meter for passwords for ExtJS4.

这是使用ExtJS 4实现的，我希望将它与ExtJS 3一起使用。我试了几个选项，但想不出多少。

如果我需要做一些具体的事情，请告诉我，以便让它与ExtJS 3一起使用。

以下是此插件的Github link，如果有帮助的话。

Answer 1

在我的几个项目中，我使用了这个小部件： Ext.ux.PasswordMeter

效果很好，所以我觉得你也可以复习一下。

Answer 2

似乎很容易。您所要做的就是使用相同的逻辑扩展Ext.form.TextField类。他们正在使用onFieldChange事件处理实际的'强度'，在Ext 3中，我在文档中看不到，但你可以轻松地对keyup : ( Ext.form.TextField this, Ext.EventObject e )事件做同样的事情。

查看来源，看看它们定义了2个函数，processValue和scorePassword。您可以直接复制这些函数，然后实现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);

这应该足以让你开始。

Answer 3

我将Ext.ux.PasswordMeter修改为Ext JS 4兼容。以下是代码：my blog

请随时给我反馈。

密码强度实施ExtJS

3 个答案: