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: https://github.com/vedum-minishop/vedum-hjemmeside

Did you use the search before posting?
Yes, and I’ve made sure I’ve done everything in this post: https://answers.netlify.com/search?q=common%20issue?

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

[Common Issue] I don't see forms submissions when using javascript

I have a form rendered using javascript, but it’s not submitting. What’s going on? There’s a few things to consider when using javascript with a netlify-handled form. If you are rendering 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 anywhere in your site. This means a file ending in .html that has a definition starting wit…

[Common Issue] My form renders with javascript but won't work properly

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 must deploy this html version …

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