NextJS + Netlify Form | Form Submission causes HTTP Error 405

hrishikesh · July 30, 2022, 12:52pm

Bot field should not have a value:

otsolap/Koli/blob/main/components/ContactForm.js#L29


      
          <form
              name="contact-form"
              action="/form.html?success=true#yhteydenotto"
              method="POST"
              data-netlify="true"
              netlify-honeypot="bot-field"
          >
              <p hidden>
                  <label>
                      Don’t fill this out: <input name="bot-field" />
                  </label>
              </p>
              <input type="hidden" name="form-name" value="contact-form" />
              <div className={styles.formControl}>
                  <label htmlFor="fullName">Nimi *</label>
                  <input
                      placeholder="Nimi *"
                      type="text"
                      name="fullName"
                      id="fullName"
                      autoComplete="name"

Also, the submission part is not working because of point 2 mentioned here (section Submits fine, yet no submissions in UI):

Instead, try changing action to /form.html?success=true.

Topic		Replies	Views
On Submission, netlify server respond with 404 Support netlify-forms , nextjs	1	1123	July 24, 2022
Issues with Netlify form submissions in my next.js 14 project Support netlify-forms , nextjs	2	133	July 3, 2024
Netlify Form using NextJS 13.5.5 - 405 Method Not Allowed Support netlify-forms , nextjs	10	235	July 1, 2024
405 error when submitting Netlify form Support netlify-forms , nextjs	1	702	September 16, 2023
Next JS 14.2.4 Form submissions Support netlify-forms , nextjs	2	43	July 30, 2024

NextJS + Netlify Form | Form Submission causes HTTP Error 405

Related topics