【问题标题】:Redirect page when form submits表单提交时重定向页面
【发布时间】:2015-03-24 20:00:20
【问题描述】:

在以下情况下,如何在表单提交后重定向页面。

<form action="URL" method="post" id="myForm">
<input type="text" name="name">
<input type="submit">
</form>

所以当上面的表单提交时,做下面。问题是我无法在表单上添加事件。

<script>
    setTimeout(function(){
        window.parent.location="/thank-you/";
    },1000);
</script>

【问题讨论】:

  • 通常操作 URL 是预期目标。你为什么不用那个?
  • 你确定这是你想要做的吗?在 POST 之后,您可能应该从服务器发送重定向响应,而不是从页面发送重定向响应,届时可能会被卸载。
  • 我正在将信息发送到在另一个选项卡上打开的另一个页面(target=_blank)并在那里处理信息。我只需要将表单页面重定向到感谢页面。
  • 这是错误的代码,但这会让你知道我想要做什么
  • 让我看看我是否理解:您想在用户按下提交按钮时显示“谢谢”,然后重定向到操作 URL,是这样吗?

标签: javascript html forms


【解决方案1】:

您可以使用表单 onsubmit 事件来重定向页面,但不知道您为什么使用 javascript,我假设您正在使用一些服务器语言,如 php 或 asp,它们具有重定向,所以在您提交到这些页面我会使用它们重定向到感谢页面,或者甚至更好地将代码合并到感谢页面本身,然后直接提交表单到那里....

【讨论】:

    【解决方案2】:

    如果您确实希望这样做,您需要在表单的onsubmit 事件或按钮的单击事件中处理您的数据,并在处理完成后重定向...如果是这样,您可以附加 jQuery一个不修改表单的选项,但是你没有标记它所以我不知道你是否可以使用它。

    你知道,你可以使用 action 属性免费获得这个。

    【讨论】:

    • 我如何获得
      因为我无权访问该表单。我知道这不是最好的方法,但这就是系统设置的方式,我什至无法访问表单,因为它是从外部站点提取的。
    • 如果你使用jQuery,你可以附加到提交按钮的点击事件,或者表单的提交事件,而不需要修改表单HTML。其他 Javascript 框架可能具有此功能,但我使用 jQuery。如果它不是一个选项,你也可以手动编码......
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-12
    • 2020-02-18
    • 2021-03-01
    • 1970-01-01
    相关资源
    最近更新 更多