Search code examples
htmlforms

FormSubmit says my form should use method=POST but it actually does

I'm using FormSubmit to create a contact form in my static website (hosted on a server).

My form looks like this:

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

My email is verified. When the user clicks on submit button, this message appears in a new page:

" Make sure your form has the method="POST" attribute "

However, I receive the message. That's weird. Anyone know why it says my form should have POST attribute while my form actually has the post attribute.

Solution

  • Your code snippet is all okay. I have tested it, forms are getting submitted, and nothing wrong except the way you implement the "_next" feature. As FormSubmit documentation clearly mentioned you have to provide an alternative URL not just a path or file, it should be a URL.

    <input type="hidden" name="_next" value="https://yourdomain.co/thanks.html">

    Please change the hidden filed in your form to:

    <input type="hidden" name="_next" value="https://yourdomain.co/message_sent.html">

    and that should probably work fine.

    Additional information:

    FormSubmit documentation: https://formsubmit.co/documentation