[Common Issue] My form renders with javascript but won't work properly


No worries, there’s just a couple of extra things to make sure you have.

You need to create an html version of your form to match your JavaScript version. It has to match exactly: same form name, field names, etc. You’ll want to then deploy this html version along with your site. You don’t have to link to it - you can just create a “netlifyneedsthisformyform.html” file with those definitions in it and deploy it with your site and that will work!

You also will want to use the expanded data-netlify="true" attribute and data-netlify-recaptcha="true" (if using one of the recaptcha options mentioned here) in your javascript form as mentioned here.

Give that a try and let us know how it goes in the comments.

1 Like