TypeScript复选框关联输入框验证异常：值判断始终为true求助

原代码存在的问题 #

• 未判断复选框的选中状态，直接检查输入框值，完全不符合「复选框勾选+输入框有值」的需求
• 只要有任意输入框非空就将fehler设为true，且不会重置状态，导致结果始终为true
• 未处理输入框值的空白字符（比如用户输入空格），容易出现误判

修正后的TypeScript代码 #

let hasValidEntry = false;
$JQ("input.form-check-input").each(function(ind: number, checkBox: Element){
    const checkbox = $JQ(checkBox);
    // 先判断当前复选框是否被勾选，未勾选直接跳过
    if (!checkbox.is(":checked")) {
        return;
    }

    const inputId = checkbox.attr("id")?.replace("enable", "");
    // 确保输入框ID有效且元素存在
    if (!inputId) return;
    const inputElement = $JQ(`#${inputId}`);
    if (!inputElement.length) return;

    // 获取输入框值并去除前后空白字符，避免空格干扰判断
    const inputValue = inputElement.val()?.toString().trim() || "";
    
    // 满足「复选框勾选+输入框非空」条件时，标记状态并终止遍历
    if (inputValue !== "") {
        hasValidEntry = true;
        return false; // 跳出each循环，无需继续检查
    }
});

return hasValidEntry;

关键调整说明 #

• 增加复选框选中状态校验：只有被勾选的复选框，才会检查对应输入框
• 对输入框值做trim()处理，排除纯空格的无效输入
• 增加输入框存在性判断，避免因ID错误导致的无效逻辑
• 找到第一个满足条件的项后直接终止遍历，提升性能
• 变量名改为hasValidEntry，更贴合需求语义（原fehler意为错误，命名易混淆）

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