如何基于布尔变量编写条件正则实现Yup密码验证

你可以通过动态拼接正则表达式字符串的方式，根据布尔变量决定是否包含对应的验证规则，最后转换成正则对象用于Yup验证。具体实现如下：

1. 拆分并动态组装正则模块 #

原正则分为三个核心部分：正向预查（确保包含指定类型字符）、允许的字符集、长度限制（4-32位）。我们根据布尔变量动态生成前两部分：

// 控制验证规则的开关变量
const requireSmallLetter = false;
const requireCapitalLetter = true;
const requireSpecialChar = true;

// 构建正向预查规则：只有开关为true时，才添加对应预查
const lookaheads = [];
if (requireSmallLetter) lookaheads.push('(?=.*[a-z])');
if (requireCapitalLetter) lookaheads.push('(?=.*[A-Z])');
// 数字要求保持固定（若需开关控制，可同理添加布尔变量）
lookaheads.push('(?=.*\\d)');
if (requireSpecialChar) lookaheads.push('(?=.*[@$!%*?&])');

// 构建允许的字符集：根据开关拼接可输入的字符范围
const charSets = ['A-Za-z\\d']; // 默认允许字母和数字
if (requireSpecialChar) charSets.push('@$!%*?&');
const allowedChars = charSets.join('');

// 拼接完整正则字符串，转义反斜杠后生成正则对象
const regexString = `^${lookaheads.join('')}[${allowedChars}]{4,32}$`;
const passwordRegex = new RegExp(regexString);

2. 集成到Yup验证逻辑 #

将动态生成的正则直接用于Yup的密码验证：

const validationSchema = Yup.object({
  password: Yup.string()
    .matches(passwordRegex, "密码不符合要求，请检查格式")
});

规则说明 #

• 若requireSmallLetter为false，会移除小写字母的强制要求，但仍允许输入中包含小写（如需禁止小写，可同步修改字符集部分）
• 数字要求这里固定保留，如需开关控制，只需给数字添加对应布尔变量并重复上述逻辑即可
• 特殊字符的预查与字符集联动：开启开关时，既强制密码包含至少一个特殊字符，也允许输入中出现这些特殊字符

内容的提问来源于stack exchange，提问作者ali safaeyan