推特引导程序的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
目录中的源代码。