Form Submission Issue: Form Not Submitting on Netlify

Support
1

I’m encountering an issue with a form on my site that is hosted on Netlify. Despite setting the data-netlify="true" attribute and ensuring the name attribute matches the hidden input field, the form is not submitting correctly.

code
code1920×3463 223 KB

I have also integrated a reCAPTCHA, and I’m using Formik for form handling. The reCAPTCHA token is being added to the form data before submission. However, the form submission fails.

Can you help me troubleshoot this issue? Are there additional steps I should follow to ensure the form submission works with Netlify?

Thank you !

2

functionality
functionality1920×2987 244 KB

3

Hi, @jimmynarula. The starting place for Forms debugging is here:

If none of the steps there resolve the issue, please share the information requested at the end of the support guide:

  1. The URL for your live form as you want visitors to use it
  2. The URL of your deployed html form. In case you have a javascript form, we need to literally be linked to the html version you’ve deployed, as mentioned above (look for “pure javascript form”)
  3. The form name that you’ve set and that shows in our UI (if it shows in the UI)
  4. Any errors or logs from the Netlify build logs, dashboard or browser developer console
  5. Description of anything you have tried that did or didn’t help or make things better/worse

Once we have those details, we can begin troubleshooting.