js如何设置页面多个输入框不为空，全都满足后，提交进入下一个页面

你可以使用 JavaScript 监听多个输入框的输入事件，并在每个输入事件触发时检查输入框的值是否为空。如果所有输入框都不为空，则启用提交按钮，否则禁用提交按钮。

以下是一个示例代码：

HTML：

<form>
  <input type="text" id="input1">
  <input type="text" id="input2">
  <input type="text" id="input3">
  <button type="submit" id="submitBtn" disabled>提交</button>
</form>

JavaScript：

const input1 = document.getElementById('input1');
const input2 = document.getElementById('input2');
const input3 = document.getElementById('input3');
const submitBtn = document.getElementById('submitBtn');

// 监听输入事件
input1.addEventListener('input', checkInputs);
input2.addEventListener('input', checkInputs);
input3.addEventListener('input', checkInputs);

function checkInputs() {
  // 检查所有输入框的值是否为空
  if (input1.value && input2.value && input3.value) {
    // 启用提交按钮
    submitBtn.disabled = false;
  } else {
    // 禁用提交按钮
    submitBtn.disabled = true;
  }
}

当所有输入框都不为空时，提交按钮将启用，用户可以点击提交按钮提交表单并进入下一个页面。