使用图像的jQuery密码强度计

Question

我正在寻找一种密码强度计，它使用图像来说明密码的强度。

我看过很多使用文字的内容，但我找不到将文字正确更改为我想要的图像的方法。

我可以使用哪些简单的实现来满足我的需求吗？

谢谢，

Answer 1

我没有看到任何密码强度插件从框中提供此选项。只需选择您选择的插件，然后更改显示消息的代码部分，然后添加<img />。如果您遇到问题，请告诉我您选择的插件，我会帮助您。

<强> CODE：

container.text(settings.texts[level]).attr('class', 'password_strength ' + _class);

将.text更改为.html并记住添加如下图像：

        'texts' : {
        1 : "<img src='....' />",
        2 : "<img src='....' />",
        3 : "<img src='....' />",
        4 : "<img src='....' />",
        5 : "<img src='....' />"
    }

一切都应该排序。