AngularJS密码四选三验证实现问题咨询

嘿，完全同意你的想法——用一个超级复杂的正则来搞定这种多条件组合的验证，不仅写起来头疼，后续维护和调试更是噩梦。咱们把需求拆成几个独立的小步骤来实现，清晰又好改：

第一步：基础规则校验 #

先把最直观的规则搞定：

• 密码长度必须在8-20字符之间
• 不能包含任何空格（包括空格、制表符等）

这一步用简单的判断和基础正则就能搞定，先过滤掉明显不符合的情况。

第二步：分类计数验证 #

接下来处理“四类规则至少满足三类”的要求，咱们把每一类规则做成独立的检查，然后统计满足的数量：

• 小写字母：检查是否包含a-z范围内的字符
• 大写字母：检查是否包含A-Z范围内的字符
• 数字：检查是否包含0-9范围内的字符
• 特殊字符：这里建议先明确你定义的特殊字符范围（比如!@#$%^&*等），用正则匹配非字母数字的字符，或者更精准的字符集

代码示例（以JavaScript为例） #

function validatePassword(password) {
  // 基础校验：长度和无空格
  if (password.length < 8 || password.length > 20) {
    return false;
  }
  if (/\s/.test(password)) { // 匹配任何空白字符
    return false;
  }

  // 四类规则的独立检查
  const hasLowercase = /[a-z]/.test(password);
  const hasUppercase = /[A-Z]/.test(password);
  const hasNumber = /\d/.test(password);
  // 特殊字符可根据需求调整，比如只允许指定符号：/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(password)
  const hasSpecialChar = /[^a-zA-Z0-9]/.test(password);

  // 统计满足的规则数量
  const validCriteriaCount = [hasLowercase, hasUppercase, hasNumber, hasSpecialChar]
    .filter(Boolean) // 过滤出为true的项
    .length;

  // 至少满足三类则通过
  return validCriteriaCount >= 3;
}

为什么这么做？ #

• 可读性强：每个验证逻辑独立，一眼就能看明白每一步在检查什么
• 易维护：如果后续要修改规则（比如调整特殊字符范围、改成至少满足两类），直接修改对应的部分就行，不用去啃复杂正则
• 易调试：如果某个验证出问题，单独测试对应的检查逻辑就能快速定位

如果你用的是表单验证框架（比如Vue的VeeValidate、React的Yup），也可以用同样的思路，把这些检查拆成自定义验证器，然后组合起来判断计数即可。

内容的提问来源于stack exchange，提问作者Ihor Yanovchyk