Hi there,
Whenever I submit my contact form on https://marblingmagpie.netlify.app/ I get a 500 Internal Server Error response.
Netlify forms are enabled on the project, but the Usage and Configuration section seems to be stuck in a loading state. Disabling and re-enabling Netlify Forms did not help.
The project is built in Next and uses (as far as I can tell) all the correct elements and attributes to set up a working form. I have also gone through the Netlify Forms support guide on this forum and not been able to resolve the issue.
The HTML for the form is:
<form name="contact" data-netlify="true" method="POST"> <input type="hidden" name="form-name" value="contact"> <div class="px-6 sm:pl-0 sm:pr-9"> <div class="footer-form-field"> <label for="name" class="footer-form-label">Enter Your Name</label> <input class="footer-form-input" id="name" type="text" placeholder="" aria-required="false" maxlength="100" name="name"> </div> <div class="footer-form-field"> <label for="email" class="footer-form-label" aria-required="true">Enter Your Email</label> <input class="footer-form-input" id="email" type="email" required="" aria-required="true" pattern="^.+@.+\.[a-zA-Z]{2,63}$" maxlength="250" name="email"> </div> <div class="footer-form-field"> <label for="subject" class="footer-form-label">Enter Your Subject</label> <input class="footer-form-input" id="subject" type="text" placeholder="" aria-required="false" name="subject"> </div> <div class="footer-form-field"> <label for="message" class="footer-form-label">Message</label> <textarea class="footer-form-input h-32" id="message" name="message" placeholder="" aria-required="true"></textarea> </div> <div aria-disabled="false" class="flex justify-end mt-4 mb-10"> <button class="btn-main w-full p-1 w-full sm:w-32" aria-disabled="false" type="submit"> <span>Submit</span> </button> </div> </div> </form>
I previosly had an action attribute on the form set to “/success”, but that was not working either and gave me the same error: