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";
}

有什么想法吗？我已经尝试过：输入type =“button”，然后制作一个javascript提交功能;在<form>代码onSubmit="nextPage()";内容为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";
  });

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

1 个答案: