Netlify Form not submitting and leading to a 404 page error

[David_Gourdet]

Hi everyone,

I’m having trouble with my static Netlify Forms in prod-bsr.netlify.app
which is a Nuxt website.

Each time I’m submitting this form for example:

rue Kléber, appartement avec vue dégagée au dernier étage | Maison BSR

it leads to a 404 error thanks page:

Merci | Maison BSR

When I reload this thanks page, it’s not in 404 anymore.

I’ve checked the guide:

[Support Guide] Form problems, form debugging, 404 when submitting

Last reviewed November 2022 Please give these debugging tips a try before making a new post. If none of the suggestions work, please include the information that we request at the end of this guide in the new post that you create. Thank you! Why use Forms? Forms are one of the most useful parts of modern websites because they allow us to capture input from our visitors. There are many ways to use forms: contact forms, such as contact forms and sign-up forms. Seeing as there are many types of…

but I can’t see what I’m missing here.

Thanks a lot for your help,

D

[nathanmartin]

@David_Gourdet Here’s the debugging guide that Netlify tend to link to:

[Support Guide] Form problems, form debugging, 404 when submitting

Last reviewed November 2022 Please give these debugging tips a try before making a new post. If none of the suggestions work, please include the information that we request at the end of this guide in the new post that you create. Thank you! Why use Forms? Forms are one of the most useful parts of modern websites because they allow us to capture input from our visitors. There are many ways to use forms: contact forms, such as contact forms and sign-up forms. Seeing as there are many types of…

Hopefully something in there can get you unstuck!

[David_Gourdet]

@nathanmartin thanks, but I’ve already read this page and checked all points, without success.

[nathanmartin]

Sorry, just noticed you’d actually linked it in your original post!

I just know Netlify usually direct there, since the goal is to have customers self-solve and avoid their engineers debugging client sites, since it’s outside of their Scope of Support.

I couldn’t spot what you were doing wrong myself, but I don’t use Netlify Forms, and most of the people I see having issues with it are using systems like Nuxt where the forms aren’t in plain HTML for the Netlify post-processing to access.

[David_Gourdet]

Thanks @nathanmartin.
Well I know it was working, it’s weird.
I’ve made some changes that are not directly related to the forms and it’s not working anymore.

[David_Gourdet]

@nathanmartin I’ve found the solution : there was a fieldset element between my form tag and the input hidden form-name field (which is required with Vue/Nuxt). It has to be right after the form tag

[Melvin]

Hi @David_Gourdet,

Thanks for following up and letting us know how you were able to resolve the issue. I hope you have a great day!

[David_Gourdet]

Hi @Melvin, thanks, you too!