使用 parsley.js 执行强密码策略

Question

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

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

我已经尝试使用 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>

Answer 1

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

Answer 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>

使用 parsley.js 执行强密码策略

Enforce strong password policy with parsley.js

javascript

validation

parsley.js