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