如何在填写完所有表单域后从javaScript重定向到页面

在填写完所有表单域后，可以使用JavaScript来实现页面重定向。以下是一种常见的实现方式：

在HTML中，给表单添加一个提交按钮，并为其绑定一个JavaScript函数，如下所示：

<form id="myForm">
  <!-- 表单域 -->
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <!-- 其他表单域 -->

  <!-- 提交按钮 -->
  <input type="submit" value="提交" onclick="redirectToPage()">
</form>

在JavaScript中，定义redirectToPage()函数，该函数会在点击提交按钮时被调用。在函数中，首先阻止表单的默认提交行为，然后使用window.location.href将页面重定向到目标页面，如下所示：

function redirectToPage() {
  // 阻止表单的默认提交行为
  event.preventDefault();

  // 获取表单元素
  var form = document.getElementById("myForm");

  // 检查表单是否有效
  if (form.checkValidity()) {
    // 获取目标页面的URL
    var targetUrl = "https://example.com/target-page";

    // 重定向到目标页面
    window.location.href = targetUrl;
  }
}

在上述代码中，可以将targetUrl替换为实际目标页面的URL。当点击提交按钮时，redirectToPage()函数会被调用，首先阻止表单的默认提交行为，然后检查表单是否有效。如果表单有效，则使用window.location.href将页面重定向到目标页面。

请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和调整。