如何用JavaScript实现支持自定义配置规则的密码生成器

你原有代码存在几个逻辑问题，会导致配置项完全不生效、生成密码长度不符合预期：

• 字符集写死为全量字符，没有根据用户的prompt选择动态筛选可用字符，不管用户选不选某类字符都会从全量池里随机取值
• 循环条件写为i <= passwordLength，最终生成的密码会比用户输入的长度多1位
• 没有做输入合法性校验，用户输入非数字、超出8-128范围的长度值时会生成异常密码
• 四个字符类型的开关输入没有接入实际生成逻辑，用户选是或否都不影响结果

下面是修复后的完整可运行代码，完全符合你要的交互逻辑：

<!-- 页面元素 -->
<input type="text" id="password" readonly style="width: 300px; padding: 4px;">
<button onclick="genPassword()" style="margin-left: 8px;">生成密码</button>

<script>
function genPassword() {
    // 拆分四类独立字符集
    const charGroup = {
        number: "0123456789",
        lower: "abcdefghijklmnopqrstuvwxyz",
        special: "!@#$%^&*()",
        upper: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
    }
    let validChars = "";
    let password = "";

    // 校验并获取合法密码长度
    let pwdLength;
    while (true) {
        const lenInput = prompt("请输入密码长度（8-128之间的数字）：");
        pwdLength = parseInt(lenInput);
        if (!isNaN(pwdLength) && pwdLength >= 8 && pwdLength <= 128) break;
        alert("输入无效，请重新输入8-128之间的数字");
    }

    // 依次收集字符类型配置，输入y/yes/是均视为开启
    const useSpecial = /^(y|yes|是)$/i.test(prompt("是否包含特殊字符？（输入y/是确认，其余输入视为不包含）："));
    const useNumber = /^(y|yes|是)$/i.test(prompt("是否包含数字？（输入y/是确认，其余输入视为不包含）："));
    const useUpper = /^(y|yes|是)$/i.test(prompt("是否包含大写字母？（输入y/是确认，其余输入视为不包含）："));
    const useLower = /^(y|yes|是)$/i.test(prompt("是否包含小写字母？（输入y/是确认，其余输入视为不包含）："));

    // 拼接实际可用的字符池
    if (useSpecial) validChars += charGroup.special;
    if (useNumber) validChars += charGroup.number;
    if (useUpper) validChars += charGroup.upper;
    if (useLower) validChars += charGroup.lower;

    // 兜底：如果用户所有字符类型都没选，默认使用小写字母，避免生成空密码
    if (validChars.length === 0) {
        alert("未选择任何字符类型，将默认使用小写字母生成密码");
        validChars = charGroup.lower;
    }

    // 按指定长度生成密码，修正循环边界避免多生成1位
    for (let i = 0; i < pwdLength; i++) {
        const randomPos = Math.floor(Math.random() * validChars.length);
        password += validChars[randomPos];
    }

    // 回填密码到输入框
    document.getElementById("password").value = password;
}
</script>

关键修改说明：

• 将四类字符拆分为独立配置，根据用户选择动态拼接随机字符池，完全匹配用户设置的规则
• 增加长度输入的循环校验，只有输入8-128之间的数字才会进入下一步，避免非法输入导致的异常
• 对开关类输入做了兼容处理，支持中英文肯定回答识别，降低用户输入成本
• 修复了循环边界bug，现在生成的密码长度和用户输入完全一致
• 增加全不选场景的兜底逻辑，避免字符池为空时生成空字符串
• 直接通过下标取字符替代原有的substring写法，逻辑更简洁高效

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