【问题标题】:Redirect to the page where user came from重定向到用户来自的页面
【发布时间】:2017-03-09 17:46:15
【问题描述】:

我有一个带有表单的自定义页面模板。并且此表单使用简码显示在许多页面中。当用户单击提交按钮时,用户将重定向到“谢谢”页面。这个感谢页面是带有a href 的静态页面(使用 WP 页面编辑器创建)。现在,当用户单击 a href 时(在感谢页面中找到,他/她将重定向到用户提交表单的页面 url,但在用户来自的页面的特定部分。但我不不知道该怎么做。有人可以帮我吗?

<form method="POST">
    <span class="icon-pp-green-ribbon"></span>
    <fieldset>
        <div class="form-group">
            <label for="customer_fname"><span class="icons-asterisk"></span> Your name:</label>
            <input type="text" name="name_first" placeholder="" required/>
        </div>
        <div class="form-group">
            <label for="customer_tsname"><span class="icons-asterisk"></span> Your surname:</label>
            <input type="text" name="name_last" placeholder="" required/>
        </div>
        <div class="form-group">
            <label for="email">Your e-mail:</label>
            <input type="email" name="email" placeholder="@"/>
        </div>
        <div class="form-group">
            <label for="phone"><span class="icons-asterisk"></span> Phone number:</label>
            <input type="text" name="phone" pattern ="^09\d{9}$" onkeypress="return isNumberKey(event)" size="11" placeholder="09" required/>
        </div>
        <div style="margin-top: 1.50em;">
            <input type="checkbox" id="utm_checked" checked style=" float: left; transform: scale(1.2);"/>
            <label for="utm_checked">I want to be occasionally notified</label>
        </div>
        <div class="form-group">
        <input type="submit" name="submit" value="Send"/>
        </div>
    </div>
</form>

【问题讨论】:

  • 用表单发送redirect_url。
  • 与@Rishabh 相同,向表单添加一个隐藏字段,以当前 URL 作为值,然后从 $_POST 获取它并将其设置为 上的 href

标签: javascript wordpress redirect form-submit custom-wordpress-pages


【解决方案1】:

试试这个按钮可能告诉here

<input action="action" type="button" value="Back" onclick="window.history.go(-1); return false;" />

如果您之前的页面 URL 没有像 www.yoursite.com/somePage#someSection 这样的页面部分信息,您可以在离开该页面之前将自定义 URL 推送到历史堆栈,这样无论何时返回,您不仅返回到该页面,而且您来自的特定部分。您可以将自定义 URL 推送到浏览器维护的历史堆栈as described here

【讨论】:

  • 如果它会回到用户来自的页面但在页面的特定部分怎么办?
  • 如果您之前的页面 URL 类似于 www.yoursite.com/somePage#someSection,那么上述解决方案实际上会将您带到页面的特定部分。
  • 上一页像这样 www.yoursite.com/somePage/ 和返回的页面像这样 www.yoursite.com/somePage/#somesection
  • 但是当用户返回上一页时不在表单中,而是在表单之后的部分
【解决方案2】:

尝试使用此代码来利用浏览器维护的页面访问历史记录:

<button onclick="goBack()">Go Back</button>

<script>
function goBack() {
    window.history.back();
}
</script>

【讨论】:

  • 如果它会回到用户来自的页面但在页面的特定部分怎么办?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-26
  • 2011-12-25
  • 1970-01-01
  • 2012-10-01
  • 1970-01-01
  • 2012-08-13
相关资源
最近更新 更多