使用jQuery开发密码强度插件

即使多因素身份验证的兴起，密码仍然是在线安全的基石。 本文指导您使用ZXCVBN库创建强大的jQuery密码强度插件。 该插件可帮助用户生成更强大，更安全的密码。

密钥功能：

>利用ZXCVBN进行现实的密码强度评估，考虑了常用单词，模式和序列等因素。
>根据密码强度向用户（非常弱，弱，中等，强度等）提供明确的反馈。
提供可自定义的选项，以最小/最大密码长度和黑名单单词。
• >轻松与现有的Web表单集成。
与现代浏览器兼容。
• 介绍：

即使是精通技术的用户也很难准确判断密码强度。 密码强度计提供实时反馈，指导用户掌握更强大的密码并增强整体网站安全性。 与简单的基于长度的检查不同，ZXCVBN提供了更复杂的评估。

密码强度计算：超越简单规则

>

传统方法通常依赖于基本标准（长度，大写/小写/数字/符号）。 这是不够的。 ZXCVBN通过考虑大量常用单词和模式的数据集提供了更现实的评估。>

zxcvbn：一种现实的方法

>

> ZXCVBN库提供了评估密码强度的出色方法。 它针对综合数据库分析密码，提供得分（0-4）并估计开裂时间。 该分数比简单的基于规则的检查要准确得多。>

功能将密码和可选的黑名单（例如用户名）作为输入，返回具有属性的对象，例如：

zxcvbn()：位点的密码强度。

• ：估计的开裂时间。entropy
• ：用户友好地显示破裂时间（例如，“秒，”“年”）。crack_time
• ：力量得分（0-4）。crack_time_display>
• ：已确定的模式的详细信息。score
• match_sequence构建密码仪插件

>我们将使用jQuery插件样板构建可重复使用的jQuery插件。 这种方法优先考虑灵活性，可以轻松地集成到各种网站设计中。 插件要求：

• 基本验证（空字段，密码/确认密码匹配）。
>
• 可自定义的验证（最小/最大长度，不允许字符）。
>
• 明确的强度水平（非常弱，弱，中等，强）。
>使用
• >的可选高级强度评估 crack_time_display

实现：

1. 包括必要的文件：

   > jquery，zxcvbn和jQuery插件样板。

2. >修改插件样板：

   重命名样板文件（例如，），更新插件名称（），并定义默认选项：jquery.password.strength.js> PasswordStrengthManager

<code class="language-javascript">var pluginName = "PasswordStrengthManager",
    defaults = {
      password: "",
      confirm_pass: "",
      blackList: [],
      minChars: "",
      maxChars: "",
      advancedStrength: false
    };</code>

>
3. >实现插件：

   功能执行验证和调用。 init()语句映射到zxcvbn()分数为强度水平。 先进的强度评估使用switch zxcvbn() crack_time_display

>
4. 自定义验证器：

   添加函数（，，minChars）用于其他验证规则。 maxChars customValidators

   >
启用多个初始化：
5. 修改样板的最后一部分以允许在键盘事件上重新定位插件。
   >
>用法：
6. >在您的html中包含插件，并在密钥事件中调用密码事件并确认密码字段。

自定义和高级功能：

>

网站设计：

>使用CSS轻松自定义插件的外观。
• 非英语支持：
翻译国际化消息。
• 强度标准：
调整最小/最大长度和黑名单。
• 表格验证集成：与形式验证库无缝集成。>
>
• 后端集成（PHP）：>插件操作客户端时，建议使用PHP的服务器端验证以增强安全性。
>本综合指南使您能够创建一个功能强大且可自定义的密码强度插件，从而大大改善网站的安全姿势。 请记住要始终在不同的浏览器和设备上进行彻底测试。
• >

以上是使用jQuery开发密码强度插件的详细内容。更多信息请关注PHP中文网其他相关文章！