Vue3- Vite Form Not Working

Support
,
1

I have a basic form built inside my Vue3/Vite site. I have form detection set on my netlify dashboard and I have three other forms on other sites on Netlify that work fine. They are all written in Gatsby/React.

I get a “page not found” error after submission and the form submissions do not show up on my app dashboard. I have tried all the other forum recommendations and nothing seems to work. I have a _redirects file in my public folder as well.

I notice when I view the source the hidden form file is not there. so I added . Tried my more complex form using fetch and also axios ajax and they did not work either. Another forum topic recommended setting this basic form, which wont work, and then using my ajax form again. Also did not work. So, here I am at my wits end. Thanks for looking!

<template>
  <form name="motive8contact" method="POST" data-netlify="true">
    <input type="hidden" name="form-name" value="motive8contact" />
    <input name="contact" />
    <button name="submit" type="submit">Submits</button>
  </form>
</template>
2

Hiya, sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues. Please start here and work through these resources!

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

If you are still having problems, please provide more information such as what you have already tried, and a link to your live form. :slight_smile:

1 Like
3

Thank you! I was digging through the support guide and after trying everything twice I tried adding the static form to my public folder and it worked:
for those in need, check out the " Stand-in static forms" section. that worked for me

1 Like