我在github上托管一个网站,即githubpages.AS这是一个静态网站,我使用 Formspree
作为我的联系表单,但遗憾的是它不能使用自定义设计的联系表单(带有放入指定字段的必需参数)。
但最后点击提交按钮完全没有动作..
这是我为表单实现的代码。
<div class="col-lg-6">
<form action="action="https://formspree.io/jmscb56@gmail.com" method="POST" role="form" class="contactForm">
<div class="row">
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<div class="col-lg-6">
<div class="form-group contact-block1">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<textarea class="form-control" name="message" rows="6" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
</div>
<div class="col-lg-12">
<!-- <input type="submit" class="btn btn-defeault btn-send" value="Send"> -->
<button type="submit" value="Send">Send</button>
</div>
<input type="hidden" name="_next" value="https://ghac-2017.github.io/#contact" />
</div>
</form>
</div>
任何帮助都会受到赞赏。因为我找不到我感到缺乏的东西..
答案 0 :(得分:1)
实际上,您不能按照自己的自定义使用formspree
表单,即,编辑基本(给定/分配的)表单值。当您使用给定的表单值而不进行自己的自定义设置时,它将很好地工作;如果您通过formspree
编辑给定表单的基本布局,它将失去其功能。