编写JS函数校验HTML表格值是否存在的问题求助

我想要编写一个用于检查值是否存在于HTML表格中的JS函数，目前已有如下代码，但在else部分添加逻辑（例如移除disabled属性）时，整个函数会出现异常。具体表现为：无论在描述框中输入什么内容，按钮都会被禁用，但提示文本始终显示正确，不受else条件是否满足的影响。

附上代码：

function CheckValue() {
  // Declare variables 
  var input, filter, table, tr, td, i, txtValue;
  input = document.getElementById("description");
  filter = input.value.toUpperCase();
  table = document.getElementById("dataTable");
  tr = table.getElementsByTagName("tr");

  // Loop through all table rows, and hide those who don't match the search query
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[4];
    if (td) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase() == filter) {
        document.getElementById("submitbutton").setAttribute('disabled','disabled');
        document.getElementById("message2").innerHTML = "Task with that description already exists. Please change its status or use other name for new segment.";
        message2.style.display = "true";
      } else {

      }
    } 
  }
}

不清楚问题出在哪里，恳请各位提供帮助或建议。

问题核心在循环逻辑的设计上：

1. 状态被循环覆盖：如果在else里添加移除禁用的逻辑，遍历每一行时，只要有一行不匹配就会执行移除操作。哪怕之前已经找到匹配项禁用了按钮，后续不匹配的行也会把按钮重新启用，最终按钮状态由最后一行的匹配结果决定。你遇到的“按钮始终禁用”，大概率是最后一行刚好匹配，或者else逻辑的写法有误。
2. 初始状态未初始化：函数没有设置按钮和提示的默认状态，导致状态会保留上一次的执行结果。
3. display属性值错误：display: "true"是无效写法，应该用block/none控制显示隐藏。

修正后的代码逻辑：

• 先设置默认状态：按钮启用，提示隐藏
• 遍历表格，一旦找到匹配项，立即禁用按钮、显示提示，然后终止循环（无需继续遍历）
• 遍历完无匹配则保持默认状态

修正后的代码：

function CheckValue() {
  // 提前获取元素，避免重复查询DOM
  const input = document.getElementById("description");
  const filter = input.value.trim().toUpperCase();
  const table = document.getElementById("dataTable");
  const tr = table.getElementsByTagName("tr");
  const submitBtn = document.getElementById("submitbutton");
  const message2 = document.getElementById("message2");

  // 设置默认状态：按钮启用，提示隐藏
  submitBtn.removeAttribute('disabled');
  message2.style.display = "none";

  // 空输入直接返回（可选，根据需求调整）
  if (!filter) return;

  // 遍历表格行
  for (let i = 0; i < tr.length; i++) {
    const td = tr[i].getElementsByTagName("td")[4];
    if (td) {
      const txtValue = td.textContent.trim().toUpperCase();
      if (txtValue === filter) {
        // 找到匹配项，更新状态
        submitBtn.setAttribute('disabled', 'disabled');
        message2.innerHTML = "Task with that description already exists. Please change its status or use other name for new segment.";
        message2.style.display = "block";
        break; // 找到匹配项后终止循环，提升性能
      }
    } 
  }
}

额外优化点：

• 用trim()去除输入和表格文本的首尾空格，避免因空格导致的匹配错误
• 提前缓存DOM元素，减少重复查询的性能开销
• 找到匹配项后立即终止循环，无需遍历剩余行

内容的提问来源于stack exchange，提问作者Rafał S.