推特引导程序的jQuery密码强度计

Posted

tags:

中文标题:推特引导程序的jQuery密码强度计 原文标题:jQuery Password Strength Meter for Twitter Bootstrap 项目评级:Star:378      Fork:204 下载地址:https://github.com/ablanco/jquery.pwstrength.bootstrap 详情介绍

推特引导程序的jQuery密码强度计

jQuery密码强度计是一个用于Twitter引导的插件

提供规则集,用于可视化显示键入的用户的质量

暗语

根据麻省理工学院和GPL许可证获得双重许可。你可以选择

更适合您的目的。

npm条目

正在寻找高级UI套件?

AdminKit是一个开发人员友好的&;高度可定制的Bootstrap 5管理模板,具有数百个UI组件、表单、表格、图表和图标。了解更多信息。

要求

不使用Bootstrap?

该插件目前严重依赖Bootstrap,无法

将其与另一个框架一起使用,而无需对代码或

完全忘记了UI反馈。

Forks将其与我所知道的另一个框架一起使用:

如何使用它

通过Bower获取最新版本,

npm,或者直接下载

来自此存储库。

在原始引导和jQuery javascript文件之后将其加载到HTML中:

然后只需在您想要附加强度的密码字段上调用插件

meter到。例如,在所有默认的密码字段中使用它

示例:

要仅将其应用于一个输入并更改选项,请执行以下操作:

选项

单击此处查找插件的完整选项列表。

如果您正在寻找更改或添加新文本的选项,请查看

在国际化部分。

方法

一旦插件初始化,就可以与它进行交互

通过方法。

强制更新

可以强制更新密码强度计。它将迫使

新的分数计算和UI元素的更新,onKeyUp

将调用回调。

拆除强度计

这将删除与仪表关联的数据和UI元素。

添加自定义规则

该插件具有轻松定义自己的自定义规则的功能。

格式如下:

例子:

更改与规则关联的分数

可以更改规则给出的分数。它是这样工作的:

这将对密码中存在的序列造成更大的惩罚。

激活和停用规则

还可以激活或停用规则。简单到:

这样可以避免在正在测试的密码中查找序列。

了解所有密码输入是否通过特定规则

此方法允许进行快速检查,以测试

页面传递一个规则,该方法返回一个布尔值。例子:

回调函数

该插件提供了三个回调函数,onLoad、onKeyUp和scoreCalculated。您可以使用

他们是这样的:

额外限制

该插件附带两个默认停用的验证规则。一次检查

密码的长度,如果太长则进行处罚;另一个

检查密码是否包含被禁止的字符,如果包含则进行处罚。

您可以使用maxChar选项来配置密码的最大长度。

您也可以使用选项配置无效字符

invalidCharsRegExp.

如果您需要这些限制,您只需要激活以下两条规则:

国际化(i18n)

该插件支持国际化。它还附带了一些

翻译示例,您可以在locales文件夹中找到它们。

该插件提供了翻译功能的默认实现,但是

您可以使用i18n.t选项来覆盖它。

默认实现将尝试使用流行的

i18下一个前端翻译工具。如果你碰巧

使用它,那么你只需要将翻译添加到你的资源中

加载它们。插件会自动使用它。你可以找到更多

关于i18next的详细信息以及如何在他们的网站中使用它。还有一个

使用该库的存储库中的示例。

如果i18next库不可用,则默认行为为

返回英语文本作为备用。

可翻译的文本是什么?

你可以在任何一个

提供了翻译示例文件,除此之外,

每个规则名称都是翻译文件的有效密钥。你可以使用它

为引擎规则添加(或删除)新的错误消息。

如何自定义翻译功能

如果你想自己管理翻译,或者接下来不使用i18,你可以

覆盖默认的翻译函数,如下所示:

您可以在

locales文件夹。

示例

examples目录中有一些例子。只要配上任何

Web服务器,并在浏览器中进行检查。确保您的服务examples

目录作为站点根目录。例如:

然后转到localhost:8000。

或者,您可以在托管演示中签出示例。

构建和测试

构建和测试过程依赖于Grunt。使用

它们需要安装node.js和grunt-cli

您的系统。假设您的Linux系统中有node.js,那么您需要

像这样的东西:

现在,您已经在全局范围内安装了grunt命令行实用程序。

捆绑和缩小

要生成捆绑包和缩小的文件,您只需要在中执行即可

项目目录:

它将检查源文件,并使用它的

对应的源映射。生成的文件将在dist中可用

目录

测试

要运行测试,您只需要在项目中执行即可

目录:

它将使用ESLint检查所有源文件,并运行

测试,使用Jasmine编写。你会发现

测试spec目录中的源代码。

密码强度计[关闭]

密码强度计

ActionScript 3 AS3密码强度计

修复了流体推特引导程序 2.0 中的侧边栏导航

在密码强度检查器中使用一组不可用的单词

如何在 Ruby on Rails 中使用 Devise 验证密码强度?