【问题标题】:Formspree form not working on custom designed contact formFormspree 表格不适用于定制设计的联系表格
【发布时间】:2018-11-26 01:43:24
【问题描述】:

我在 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>

任何帮助将不胜感激..因为我找不到我觉得缺少的东西..

【问题讨论】:

    标签: html forms css contact-form


    【解决方案1】:

    实际上,您不能根据自己的自定义使用formspree 表单,即编辑基本(给定/分配的)表单值。当您使用给定的表单值而没有自己的自定义时,它会很好地工作,如果您通过formspree 编辑给定表单的基本布局,它将失去其功能。

    【讨论】:

      猜你喜欢
      • 2018-04-24
      • 2015-05-26
      • 2013-11-01
      • 1970-01-01
      • 2020-12-24
      • 2015-10-03
      • 2020-08-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多