检查密码是否符合复杂性要求 passwordStrengthForcer.js

  • 源码大小:6.01KB
  • 所需积分:1积分
  • 源码编号:19JP-3646
  • 浏览次数:743次
  • 最后更新:2023年07月06日
  • 所属栏目:表单
本站默认解压密码:19jp.com 或 19jp_com

简介

passwordStrengthForcer.js是一个基于jQuery的客户端密码强度检查器,用于检查密码是否符合HTML表单的复杂性要求。

它允许用户选择包含指定数量的符号、数字和大写字母的密码,从而限制弱密码。

如何使用它:

1.加载jquery.passwordStrengthForcer.jsjQuery之后的脚本。

  1. <script src="/path/to/cdn/jquery.slim.min.js"></script>
  2. <script src="/path/to/jquery.passwordStrengthForcer.js"></script>

2.调用密码字段上的函数,并指定密码的最小/最大长度。

  1. <input type="password" id="mypassword">
  1. $('#mypassword').passwordStrengthForcer({
  2.  
  3. // default: 8
  4. minlength: 10,
  5.  
  6. // 0 means no max length
  7. maxlength: 16,
  8.  
  9. });

3.确定密码必须包含数字、大写字母和特殊字符。

  1. $('#mypassword').passwordStrengthForcer({
  2.  
  3. numuppercaserequired: 1,
  4. numdigitsrequired: 1,
  5. numspecialrequired: 2,
  6.  
  7. });

4.自定义反馈。

  1. $('#mypassword').passwordStrengthForcer({
  2.  
  3. prettystatmap: {
  4. minlengthgood: "Minimum Length",
  5. maxlengthgood: "Maximum Length",
  6. uppercasegood: "Has Uppercase",
  7. digitsgood: "Has Digit",
  8. specialgood: "Has Special Character",
  9. good: '<b>good</b>',
  10. fail: '<b>fail</b>'
  11. }
  12.  
  13. });

5.将您自己的风格应用于密码强度检查器。

  1. .passwordStrengthForcer {
  2. /* CSS styles here */
  3. }

6.在密码强度满足复杂性要求之前,禁止您提交表单。

  1. $('form').on('submit', function(){
  2. if ($('#mypassword').attr('data-passwordStrengthForcer_AllGood') != '1'){
  3. alert("Your password does not match complexity requirements");
  4. $('#mypassword').focus();
  5. return false;
  6. }
  7. })

预览截图