如何在字段通过验证前禁用“保存”。没有<form>标签

<input type="text" id="field1" />
<input type="text" id="field2" />
<button id="saveButton" disabled>保存</button>

<script>
  var saveButton = document.getElementById('saveButton');

  saveButton.addEventListener('click', function() {
    // 执行字段验证的逻辑
    var field1Value = document.getElementById('field1').value;
    var field2Value = document.getElementById('field2').value;

    // 示例：判断字段是否为空
    if (field1Value !== '' && field2Value !== '') {
      saveButton.disabled = false; // 字段验证通过，启用保存按钮
    } else {
      saveButton.disabled = true; // 字段验证不通过，禁用保存按钮
    }
  });
</script>