github - 将 FormSpree 集成到 GitHub Jekyll(返回消息:Form 应该发布)
问题描述
我希望将联系表添加到 GitHub Jekyll 网站。我主要是从这里最喜欢的答案、这里的 YouTube 教程和FormSpree 网站中获得建议。
我创建了一个 FormSpree 帐户,验证了我的电子邮件地址,并创建了一个表单(获得了一个 ID)。然后,我尝试在我的 GitHub Jekyll 网站中添加一个联系表单,其代码可以在这里看到。之后,我去了该代码的相应站点(此处)并发送了测试表单提交。在电子邮件地址字段中,我尝试了连接到 FormSpree 的电子邮件地址和备用电子邮件地址。
无论哪种方式,在提交页面底部的“发送”按钮后,页面都会刷新并显示一条错误消息:“表单应该 POST - 确保您的表单具有该method=POST
属性”。我也没有在连接到 FormSpree 的电子邮件中收到经过测试的消息。我试图研究这个错误,但没有找到解决方案。从代码中可以看出(这里),我相信我确实设置了一个method=POST
属性。
鉴于我无法有效地解释错误消息,我不确定如何继续。任何关于如何使这种类型的联系表格成功的建议,特别是考虑到这个错误消息,将不胜感激!
解决方案
您的 HTML 中有一个错误:
<form action="https://formspree.io/email@gmail.com method="POST" name="sentMessage" id="contactForm" novalidate>
您的操作缺少结束双引号 ( "
),这会导致您的action
属性被错误解释为,"https://formspree.io/email@gmail.com method="
而您的实际方法被错误地解释为无效属性post"
。
应通过将上述行替换为
<form action="https://formspree.io/email@gmail.com" method="POST" name="sentMessage" id="contactForm" novalidate>
在您的页面源代码中这样做,我能够提交表单并登陆 FormSpree 登陆页面,表明您的表单需要激活。
推荐阅读
- cassandra - cassandra 在批量加载(sstableloader)期间是否运行压缩?
- r - 识别时间间隔是否与多个患者 ID 重叠,在 r
- python - 如何将熊猫数据框从时间与数据重塑为时间与日期与数据
- javascript - 为什么即使我将它转换为数组,我的 querySelectorAll 也不起作用?
- java - 如何使用 ASCII 初始化 nxn 维度上的位置?(爪哇)
- python - 如何在字典列表的 Json 响应中断言值
- amazon-web-services - AWS SAM YAML 文件无法为 S3 事件引用现有存储桶
- html - Flexbox 内右侧的浮动按钮
- java - com.google.firebase.database.DatabaseException :反序列化时需要一个 Map,但得到一个类 java.lang.Long
- download - Snowflake - COPY INTO externalstage(Azure 存储)并压缩文件