Form submits fine, but no submissions appear in UI

Hi,
Starting with your questions:

  • We need to know your netlify site name. [SquashPassion](https://squashpassion.netlify.app/)
  • DNS issues? No
  • Build problems? No
  • Did you try Ask Netlify, our generative AI chatbot, before posting? Yes, it didn’t work.

I have read the information at:
https://docs.netlify.com/forms/setup/
and blogs:

I am NOT using React. My SPA is coded in Elm, transpiled into js and loaded in the index.html page.

My site is:
squashpassion.com

I have a simple form in my js rendered HTML from my SPA on the contact page:

<form action="/thank-you" method="POST" name="contact-form" data-netlify="true">
<input type="hidden" name="form-name" value="contact-form">
<input type="text" name="name" placeholder="Your Name">
<input type="email" name="email" placeholder="Your Email">
<button type="submit">Submit</button>
</form>

and, as per blog above, I have a hidden version in the index.html so that Netlify can identify/process it:

<form action="/thank-you" method="POST" name="contact-form" data-netlify="true" hidden>
    <input type="text" name="name" placeholder="Your Name">
    <input type="email" name="email" placeholder="Your Email">
    <button type="submit">Submit</button>
  </form>

The form is recognized on Netlify


but submitting the form on the site and
navigating to the ‘thank you’ page’ does not result in Netlify recording the form data

or an email notification (setup already) being sent.

Q and A:
The URL for your live form as you want visitors to use it - Singapore Squash Partner With Squash Passion
The URL of your deployed html form - as mentioned it’s deployed at squashpassion.com (index.html) and Singapore Squash Partner With Squash Passion
The form name that you’ve set (contact-form) and that shows in our UI (if it shows in the UI) - it does (please see screenshot above).
Any errors or logs from the Netlify build logs, dashboard or browser developer console - none
Description of anything you have tried that did or didn’t help or make things better/worse - the form was recognized by Netlify before
I added it to index.html, but the form data is still not being registered in Netlify.

What else should I try to receive a notification and the data from a form submission on my site?

Thanks …

@freerossagora When I test the form, all signs point to it having worked:

The only thing that I can think of is that you may have reCAPTCHA enabled, but not have the div that it outputs into? (See: https://docs.netlify.com/forms/spam-filters/#recaptcha-2-challenge)

If that’s not the case, then Netlify’s staff will definitely need to chime in.

Thanks, Nathan,

It appears to have simply been a question of time. I was hoping/expecting the notifications and emails to come through immediately. That’s not happening and they’re taking several hours. Not ideal, but a big improvement over no submission at all. Also, they were going to spam which meant they didn’t get forwarded, but I have verified the test emails now so they’re also coming through.

I’ve sent a final test2 submission today and I’m hopeful/expect it to appear in ‘verified’ now as well.

Please wait 36 hours and then this can be closed as an issue.

Thanks again for your response,

FreeRoss

All Communication is PRIVATE, confidential, and without the consent or agreement of monitoring by any third-party.