当前位置：文江博客话题详情

密码强度实现 ExtJS

发布于 2024-11-17 05:45:04 字数 459 浏览 3 评论 0原文

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

密码ExtJS4 密码强度计。

这是使用 ExtJS 4 实现的，我希望将其与 ExtJS 3 一起使用。我尝试了几种选择，但无法弄清楚太多。

请告诉我是否需要做一些特定的事情才能使其与 ExtJS 3 一起工作。

这是此插件的 Github 链接（如果有帮助的话）。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

凝望流年 2024-11-24 05:45:05

看起来很容易。您要做的就是使用相同的逻辑扩展 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);

这应该足以让您开始。

Seems easy enough. All you would do is extend the Ext.form.TextField class with that same logic. They are processing the actual 'strength' with the onFieldChange event, which in Ext 3 doesn't exist from what I can see in the docs, but you could easily do the same with the keyup : ( Ext.form.TextField this, Ext.EventObject e ) event.

Take a look at the source and see that they define 2 functions, processValue and scorePassword. You could copy those functions directly, and then implement the keyup function to use those.

You would create the class:

    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);

That should be enough to get you started.

回复收藏 0 原文