首页 > 解决方案 > Jekyll 站点 html 表单提交到不同的页面但重定向到另一个

问题描述

我有一个 Jekyll 网站和一个联系页面,在上面我制作了一个简单的表单并将其与 FormSpree 或 SimpleForm 等服务连接起来,它会自动将响应发送到我的收件箱,我想做的是重定向到谢谢你的响应页面表单提交后。以多种方式尝试了此操作,例如将事件侦听器添加到提交按钮或使用onSubmit表单action的属性,但我只能实现两件事之一,表单提交或我被重定向到感谢页面,无法执行当我无法访问本可以用于重定向的服务器端脚本时。该表单非常基本,有几个输入字段和一个提交按钮。将不胜感激任何形式的帮助。

标签: javascripthtmlformsjekyllstatic-site

解决方案


这两种服务都允许在您的表单中使用隐藏字段,该字段指向您希望在提交后重定向的感谢 URL。

与 FormSpree 一起使用_next请参阅高级功能

<input type="hidden" name="_next" value="https://my-site.tld/thanks.html" />

与 SimpleForm 一起使用redirect_to请参阅他们页面中的示例代码

<input type='hidden' name='redirect_to' value='https://my-site.tld/thanks.html' />

推荐阅读