如何启用“下一步”按钮，只有当所有字段都已填写和验证？

// 监听字段变化事件
document.getElementById('field1').addEventListener('input', validateFields);
document.getElementById('field2').addEventListener('input', validateFields);
// 添加更多字段的监听...

// 初始化验证状态变量
var isFieldsValid = false;

// 验证字段的函数
function validateFields() {
  // 根据具体的验证规则进行验证
  var field1Value = document.getElementById('field1').value;
  var field2Value = document.getElementById('field2').value;
  // 进行验证逻辑...

  // 更新验证状态变量的值
  isFieldsValid = (field1Valid && field2Valid /* && more fields validation... */);

  // 检查验证状态变量的值，启用或禁用“下一步”按钮
  var nextButton = document.getElementById('nextButton');
  if (isFieldsValid) {
    nextButton.disabled = false;
  } else {
    nextButton.disabled = true;
  }
}