时间戳

首页 > 解决方案 > 表单按钮重定向 URL

javascript - 表单按钮重定向 URL

问题描述

我有一个带有文本字段和提交按钮的表单。还有一个 JS 检查文本字段上的输入 - 如果错误没有任何反应，如果正确，则按钮重定向页面。我让它与作为操作附加到表单的 url 一起工作。但是，我想将它作为脚本的一部分，这样 url 在源代码中不可见。尝试了许多选项，但不知何故无法使其工作。按下按钮（使用正确的输入）时，页面本身会重新加载而不是重定向。这些是脚本和表单代码，欢迎提出任何建议：

  // JavaScript Document
function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x !== "4") {
    return false;
  }
else {
window.location = 'mypage.html', true;
    
  }
}

&

<div id="form">
<form name="myForm" onsubmit="return validateForm()" method="post">
<input id="answer" type="text" name="fname"><br>
<input type="submit" id="submit" value="Submit">
</form>

这是曾经工作的版本（没有Java的最后一部分）：

<div id="form">
<form name="myForm" action="mypage.html" onsubmit="return validateForm()" method="post">
<input id="answer" type="text" name="fname"><br>
<input type="submit" id="submit" value="Submit">
</form>
</div>

标签： javascripthtmlformsbutton

解决方案

以下是您可以在您的方法中使用的一些方法： 案例：1 当您想要重定向到新页面并且不允许用户导航到原始页面时

window.location.replace("url");

此功能从历史记录中删除条目

case :2 当您想要重定向到新页面并允许用户导航到原始页面时

window.location.assign("url");

此函数将新 URL 添加到历史堆栈并重定向到新 URL

你也可以参考这个：

https://www.tutorialrepublic.com/codelab.php?topic=faq&file=jquery-auto-redirect-to-another-page

我希望它有效。

推荐阅读