Form submission doesnt show in 'Recent form submissions' section

[xkellss]

https://thriving-biscotti-835704.netlify.app/ is my website
I’m working on my portfolio website and its completed except I am having issues with the form submission working. Nothing shows up when I submit anything but it says ‘thank you for your submission’. In the console, when i click ‘submit’ it shows “Contact.js:18 POST https://thriving-biscotti-835704.netlify.app/ 404”. I also tried copying other forms and testing it and nothing still showed. If someone could please assist me i’d greatly appreciate it!

This is also my github - GitHub - xkellss/Portfolio: This is my Portfolio

[nathanmartin]

@xkells Have you confirmed that your form is being detected by Netlify?

My guess from a very quick look is that you don’t have a HTML form in place that Netlify can detect.

The relevant support guide is:

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

Last reviewed August 2023 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 fo…

The important part for you is this:

@Dennis

If you’re using a pure javascript form or Server Side Rendering instead, this additional step is required:

• You still need to include an HTML form that meets the criteria above, including all the inputs with the same names as the JavaScript form. This is required because we parse HTML to find forms during your deploy - but we don’t try to parse javascript files. This means if you are using any framework which create HTML elements using JavaScript during the render, you’ll still need to include an actual HTML file that includes all of the form details in it, including all possible inputs that you want to use. For a working example using React that you can generalize to other frameworks from, check out this blog post .

Often people achieve this by adding the HTML version of the form directly into their index.html file with the hidden attribute.

[xkellss]

ah, yes thank you so much! I ended up using index.html and played around with it and got it working!

[SamO]

thanks for coming back and sharing that you found a solution to your problem! (: