如何在其中一个文本框为空的情况下显示添加？

if (document.getElementById('textbox').value === '') {
  // 文本框为空，显示添加操作
  document.getElementById('addButton').style.display = 'block';
} else {
  // 文本框不为空，隐藏添加操作
  document.getElementById('addButton').style.display = 'none';
}

<form>
  <input type="text" id="textbox" required>
  <button type="submit" id="addButton">添加</button>
</form>

<script>
  document.getElementById('addButton').style.display = 'none'; // 默认隐藏添加按钮

  document.getElementById('textbox').addEventListener('input', function() {
    if (this.checkValidity()) {
      // 文本框不为空，隐藏添加按钮
      document.getElementById('addButton').style.display = 'none';
    } else {
      // 文本框为空，显示添加按钮
      document.getElementById('addButton').style.display = 'block';
    }
  });
</script>