Example form not working with Gatsby starter?

Briefly summarize the issues you have been experiencing.
Hello,

I’m having issues implementing forms on a personal website:

https://quizzical-haibt-ac5fa3.netlify.com/

I used a Gatsby starter template and have copy and pasted the example form from the docs into my code. When I deploy the site, the form registers and I am able to see the forms corresponding name on the dashboard, however no requests are coming through. I made no changes to the example code and literally copy and pasted it over, so it should be submitting?

I have read through the debugging help, but everything seems to be right and should be working. Is there an extra step needed to take if I am using Gatsby?

Thank you!

hi @synthprogrammer, can you post the actual form source code here please?

also, do note that “dummy” data inputs such as “test” will get filtered out by our spam robots and not show up for obvious reasons. Can you confirm it still doesn’t work even with real data? thanks.

Hi Perry,

Thanks for you response and my apologies for not including the code in the initial post. The code is as follows:

        <form name="contact2" method="POST" data-netlify="true">
          <p>
            <label>
              Your Name: <input type="text" name="name" />
            </label>
          </p>
          <p>
            <label>
              Your Email: <input type="email" name="email" />
            </label>
          </p>
          <p>
            <label>
              Your Role:{' '}
              <select name="role[]" multiple>
                <option value="leader">Leader</option>
                <option value="follower">Follower</option>
              </select>
            </label>
          </p>
          <p>
            <label>
              Message: <textarea name="message"></textarea>
            </label>
          </p>
          <p>
            <button type="submit">Send</button>
          </p>
        </form>

Regarding the dummy data, it still doesn’t appear to work even with realistic form data.

Thanks so much for your help!

Let’s reset a bit. Have you walked through the debugging steps here?

They will likely lead you to the source of the problem. And if not, then you get an actionable request which is “show us the html file (not your source that may be in js) that has your form source code” which is what we’ll need to debug most quickly :wink:

1 Like