提交表单后重定向(HTML,PHP)


Redirect after submitting a form (HTML, PHP)

我做了一个测试,分成了几页。然后,当人们单击提交按钮时,我想在保存后将他们重定向到下一页。出于某种原因,提交按钮提交,然后立即刷新页面。因此,用于重定向的 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()"; 具有preventDefault 的事物 ,以防止提交按钮重新加载页面。

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

首先,删除提交按钮上的内联处理程序。您的 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";
  });