Vuetify form with Nuxt.js recognized by Netlify, but no form submissions

[vedum]

I have been trying to make Forms work since a couple of days now, and I am at the end of my rope. Everything seems to be done right on my side. I am statically generating the site with Nuxt and Vuetify, the form is recognized in the Netlify admin, the hidden input field is added to the form, and all inputs have name tags. But when I submit a form two things seem to go wrong:

• My thank you page fails to load, and a netlify page comes instead. Refreshing the page causes the thank you page to appear
• No form submissions are successful, not even to spam folder

The only thing I can think of is that the Vuetify generated form is too deeply nested, but never had that be an issue with any other services/tech in the past. Any help is greatly appreciated! Thanks in advance.

Netlify instance name: https://vedum-utkast-78c96d.netlify.com/

Repo: GitHub - vedum-minishop/vedum-hjemmeside

Did you use the search before posting?
Yes, and I’ve made sure I’ve done everything in this post: Search results for 'common issue' - Netlify Support Forums?

[perry]

hi there, how frustrating. Let’s see what we can do to get this working!

First, lets do some sanity checks. Did you read these guides?

[Support Guide] I don't see form submissions when using JavaScript

Last reviewed by Netlify Support on May 25, 2022 I have a form rendered using JavaScript, but it’s not submitting. What’s going on? There are a few things to consider when using JavaScript with a Netlify-handled form: If you have rendered your form using JavaScript and are not using a Static Site Generator (or, your generator does not render it down to HTML such as Gatsby does), you will need to make sure you have a hidden, pure HTML version of your form somewhere in your site. This means …

[Support Guide] My form renders with JavaScript but won't work properly

Last reviewed: August 2023 Fear not, there’s just a couple of extra things to make sure you have that will probably get things working! The most frequent cause of problems with JS forms is that you (or your static site generator) need to create an HTML version of your form to match your JavaScript version. Some frameworks like gatsby/react may do this automatically, but the important part is that the HTML version MUST match what your JS submits exactly: same form name, and field names. You mu…

[vedum]

Hi @perry. Thanks a lot for responding. Yeah, I ran across that in guide and in the topic I linked. Didn’t implement though, as I was under the impression that this does not apply to statically rendered sites. I am using Nuxt universal app mode, and building to static (yarn generate) and deploying the dist directory.

[vedum]

…and it works now!! Thanks.

I added the hidden input field, and that did the trick. I think I tried that in the past, but didn’t use form name as value.

[perry]

awesome!! glad its working!!