提交表单后重定向（HTML、PHP）

Question

我做了一个测试，分为几页。然后，当人们单击提交按钮时，我想在保存后将他们重定向到下一页。由于某种原因，提交按钮提交后立即刷新页面。所以用于重定向的 javascript 甚至没有运行。

HTML：

<form method="post" action="" id="formwrap">
  <!-- questions here -->
  <input id="submitButton" class="block" type = "submit" name = "verzenden" value = "Opslaan" onClick="nextPage();"/>
</form>

和 JavaScript：

function nextPage() {
  window.location.href = "test.php";
}

有任何想法吗？我已经尝试过：使输入类型=“按钮”，然后使JavaScript提交功能；在<form>标签onSubmit="nextPage()";Things with中preventDefault，以防止提交按钮重新加载页面。

我觉得必须有一个提交按钮来重新加载或其他东西。所以也许有一种方法可以在重新加载页面后重定向。嗯，我不知道。任何帮助将非常受欢迎！

Answer 1

首先，删除提交按钮上的内联处理程序。您的 HTML 应该如下所示：

<form method="post" action="" id="formwrap">
  <!-- questions here -->
  <input id="submitButton" class="block" type="submit" name="verzenden" value="Opslaan" />
</form>

然后，更新 JavaScript 以添加针对formwrap元素事件的事件处理程序submit。然后阻止表单进行回发preventDefault。一旦阻止了默认行为，您就可以将用户发送到您想要的任何 url :)

document
  .getElementById("formwrap")
  .addEventListener("submit", function(e) {
    e.preventDefault();
    window.location.href = "test.php";
  });