我正在使用FormSubmit在我的静态网站(托管在服务器上(中创建一个联系人表单。
我的表格是这样的:
<div id="contact-area" class="container">
<h1>~$ contactme</h1>
<br>
<form action="https://formsubmit.co/c379c266434ca1a039bdf03209919395" method="POST">
<div class="form-group">
<div class="form-row">
<div class="col">
<input type="text" name="name" class="form-control" placeholder="Your name..." required>
</div>
<div class="col">
<input type="email" name="email" class="form-control" placeholder="Your e-mail" required>
</div>
</div>
</div>
<div class="form-group">
<textarea maxlength="1000" placeholder="Your message..." class="form-control" name="message" rows="10" required></textarea>
</div>
<input type="hidden" name="_template" value="table">
<input type="text" name="_honey" style="display:none">
<input type="hidden" name="_captcha" value="false">
<input type="hidden" name="_next" value="message_sent.html">
<button type="submit" class="btn btn-lg btn-dark btn-block">Submit</button>
</form>
</div>
我的电子邮件已验证。当用户点击提交按钮时,此消息将出现在新页面中:
"确保您的表单具有方法=";POST";属性";
然而,我收到了消息。这很奇怪。任何人都知道为什么它说我的表单应该有POST属性,而我的表单实际上有POST属性。
您的代码片段一切正常。我已经测试过了,表格正在提交,除了你实现"_下一个";特色正如FormSubmit文档明确提到的那样,您必须提供一个替代URL,而不仅仅是一个路径或文件,它应该是一个URL。
<input type="hidden" name="_next" value="https://yourdomain.co/thanks.html">
请将表单中隐藏的文件更改为:
<input type="hidden" name="_next" value="https://yourdomain.co/message_sent.html">
这可能会很好。
附加信息:
表格提交文件:https://formsubmit.co/documentation
我想你在表单的action
中出错了。
尝试使用这个:
<form action="https://formsubmit.co/your@email.com" method="POST">
<!-- Your form inputs here -->
</form>
这个错误的另一个可能原因是在表单的操作中,您的电子邮件后面有一个正斜杠,就像我所做的那样。
我的错误示例:
<form action="https://formsubmit.co/your@email.com/" method="POST">
我在@email.com
之后去除了/
,自然地,它工作得很好。
我的问题是向按钮添加gtag转换返回代码。删除返回代码,删除错误。