使用 parsley.js 实施强密码策略答案

【问题标题】：Enforce strong password policy with parsley.js使用 parsley.js 实施强密码策略
【发布时间】：2016-11-06 19:14:02
【问题描述】：

我有一个密码字段，我想确保用户输入的密码符合以下标准：-

必须至少包含一个大写字母
必须至少包含一个小写字母
必须包含数字和最后
#%@!*(()+= 等特殊字符（可选）

我尝试使用 data-parsley-pattern 和 data-parsley-type 但没有得到所需的结果。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.6.0/parsley.js"></script>
<form data-parsley-validate>                             
<input type="password" name="password" id="password" minlength="6" data-parsley-type="alphanum" data-parsley-pattern="^/^[a-zA-Z0-9\-\_]$/" class="form-control allForms" required data-parsley-required-message="Your password" data-parsley-trigger="change focusin" placeholder="Enter password">
</form>

【问题讨论】：

标签： javascript validation parsley.js

【解决方案1】：

我认为，为了提高效率和可维护性，您应该定义一个自定义验证器，如 here 解释的那样，或者如果您擅长它，则应该定义一个正则表达式（((?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?(?=.*[#%@!*(()+=]))).{6,16} 可以完成这项工作？）；）

【讨论】：

【解决方案2】：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.6.0/parsley.js"></script>
<form data-parsley-validate>                             
<input type="password" name="password" id="password" minlength="6" data-parsley-type="alphanum" data-parsley-pattern="^/^[a-zA-Z0-9\-\_]$/" class="form-control allForms" required data-parsley-required-message="Your password" data-parsley-trigger="change focusin" placeholder="Enter password">
</form>

【讨论】：

嗨 HMT，欢迎来到 Stack Overflow。我可以建议您提供一些上下文和解释您的答案。这将使其更容易理解，并且更有可能帮助 OP 和其他来此问题寻求帮助的人。