I have a single contact form on my site https://orthogonal.agency that isn’t working. I’m just using Netlify’s forms; no JavaScript or Ajax. When I submit the form, I get the “Oops… message.”
I started out by enabling Form Detection per Netlify’s instructions. I then added the ‘data-netlify=“true”’ to my form tag and republished the site. At this point, the form didn’t work and I got the “Oops” message.
I then checked that my form has a unique “name” attribute and can see that Netlify added a hidden name attribute whose value is the same and the form’s name:
<form class='form_form' data-name='Form' data-wf-element-id='58e73fd7-8b41-fe07-0c4e-9736c058e76e' data-wf-page-id='6511f49146d1b3f78e1fee93' id='wf-form-Form' method='get' name='wf-form-Form'><input type='hidden' name='form-name' value='wf-form-Form' />
I verified that each form field has a name with a unique value.
I verified that there aren’t any extended symbols like “@” in the form.
I verified there aren’t any apostrophes in the attribute values of the
input tags.
I verified that each form input has a unique “name” attribute.
I went to Site Configuration > Notifications and created an email form submission notification.
If I go to my Forms page, I see my form and it’s form name “wf-form-Form” with “No submissions yet.”
So, bottom line, the form doesn’t seem to be submitting properly. What have I missed? Thanks!
@Robert_F It sounds like you’ve checked most of the usual suspects.
It may not be the case for you, but there have seemingly been some issues recently potentially related to the introduction of the ‘Free’ plan:
https://answers.netlify.com/t/form-html-is-not-submitted-or-shown-in-netlify-ui-404-but-hidden-elements-are-added/129568
I tried to test your form myself but couldn’t find it on the site.
Thanks for the information. It’s the middle of the night here so I’ll read that other post in depth later today.
For some reason, the link to my website didn’t get entered properly in my question (and I would never want to claim to have built the website it does link too! – haha), so here’s the link to my actual website where the form is at the bottom of the page.
@Robert_F While you’ve said:
That doesn’t seem to be true.
The form doesn’t actually submit, there is no network request being made when ‘submit’ is pressed.
The error underneath the form is already there and just toggling to visible (via JavaScript).
I’ve commented out the old form and replaced it with a more basic one modeled on the one shown in Netlify’s documentation, but the form still isn’t working. I’m just curious; what tool did you use to see that there wasn’t a network request being made? Also, are there any logs that I can look at? I clicked through the various log options available on the free plan and didn’t see anything that will help me solve this problem. Thanks.
@nathanmartin meant the brower’s dev tools, not Netlify logs:
Once you click on submit, nothing happens. There’s no HTTP request being made, thus no submission.
