Netlify Forms: Page Not Found 404 on Submit

I am having an issue with Netlify forms. I have successfully installed a form on a separate website of mine that is hosted on Netlify, but can’t seem to get this one to work below.

When I hit submit, I get a PAGE NOT FOUND, 404 error.

Site name: projectpassive.netlify.app

    <form name="Contact" method="POST" netlify data-netlify="true" data-netlify-honeypot="bot-field">
  <input type="hidden" name="form-name" value="contact" />
    <input type="text" name="name" placeholder="Name"/>   
    <input type="email" name="email" placeholder="Email"/>
    <textarea name="message" placeholder="Message"></textarea>
    <div class="form-btn"><button type="submit">SUBMIT</button></div>
</form>

The site is built on Vue - I have added the form code to the public index as well as in the Vue component. I have all of the proper fields in there.

Please let me know if you need more information to dissect this issue.

Thanks!

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. There are also many other Support Guides for forms - you can find them here: #Netlify-support:support-guides

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:

Hi perry,

I have gone through the support guides and read through the forums - nothing has worked.

Both links below were built by me. I got the form working on trevorcapozza.com but when I copy/pasted the code into projectpassive.io, it does not work. Everything else is the same.

projectpassive.io
trevorcapozza.com

Hi perry,

Any idea why two websites with identical code regarding the form produces two different results? I am stumped on this one.

Thanks

hey there, sorry to be so slow to reply! can you show the code to us?

also, question: do both forms have separate names? they can’t be identical.

Hi Perry,

My code is in the original question. I have also attached both websites.

projectpassive.io
trevorcapozza.com

Each website is hosted on a different Netlify account so identical form names wouldn’t matter in this instance if I understand correctly.

hi there @tcapozza - any news on this? Are you still experiencing the problem?