Response code of 200 on Netlify Forms but the submission is not showing up on dashboard

[unknown.6003]

I’m trying to enable Netlify forms on sveltekit over on https://unique-custard-8244e4.netlify.app/

The form is detected, and I’m submitting through an Ajax request, I also get a 200 response code, which is supposed to mean that the form has been submitted, but nothing reaches the dashboard. I tried submitting the form to a different page that I created, and I also get the same 200 response code but also nothing on the dashboard.

[clarnx]

Hi @unknown.6003, thanks for the post and welcome to the Netlify Support Forums.
Kindly check out the blog post below on how to properly set up Netlify Forms with Sveltekit.

Easy HTML Forms in SvelteKit with Netlify Forms | Netlify

Let me know the outcome.

Thanks.

[unknown.6003]

I have followed this guide but due to specific features my form cannot be pre-rendered. Hence, I followed the js rendered guide using a hidden html form, and I use Ajax to submit the request.

[clarnx]

Hi @unknown.6003, thanks for the feedback.
I want to find out if the form submissions are working of trying out the Ajax to submit?
Thanks.

[unknown.6003]

Submitting the form through html does work, but using Ajax gives a 200 code without the results being recorded, which defeats the point since it’s a hidden form.

[hrishikesh]

The problem is explained here:

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

Quoting:

@Dennis

Submits fine, yet no submissions in UI:

When you’re absolutely sure that the submissions are being sent correctly by the browser, but you’re not seeing them in the UI, there are 2 common scenarios that might cause this:

1. The endpoint that you’re submitting to has a redirect. For example, if you’re using JavaScript to submit like: fetch('/'... and you’ve a redirect rule like /* /foo 301!, submissions would probably not work. This is because the submissions are being “consumed” by the redirect rule. Instead, you cans set the endpoint to any other page that doesn’t redirect. Note: 200 rewrites could cause problems too.
2. You’re using some kind of server side rendering to render the endpoint. For example, if you’re rendering the page that you’ve set as the endpoint using a serverless function, you’d not seem the submission in the UI. The solution is similar, set the endpoint to a page that already exists.

[unknown.6003]

I have tried this solution but nothing has changed. Setting the endpoint to a page that already exists (/form) returns a 404 error, despite the page existing and reachable by typing the same link in the browser.

I have not set up any redirect rules manually, but I’m not sure how to check if they’re any set automatically by svelte kit. How may I check for these and disable them?

[audrey]

@unknown.6003 ,

Looks like you do have a redirect rule that redirects all paths to a render function:

"path" => "*",
              "to" => "/.netlify/functions/render",
          "status" => 200,

To configure redirects that are automatically set by svelte kit, you’ll want to consult svelte docs . Hope that helps, please keep us posted!