I have a form (form.js) which is a component of contact.js. However when I submit form data, the confirmation page which loads is the default, unstyled result instead of my custom page and its associated component (located at success.js). The email notification that I receive also contains none of the form’s data.
(My server is gracious-babbage-21fe68)
My form element is shown below - is this action attribute pointing to the wrong page? - Using Create React App.
Here is what I currently have locally - the live version (which does not include these changes yet, is at this URL) - per the linked instructions, I needed to add name attributes back in as they were removed by mistake in a prior version.
Hey there! Judging by your HTML, the form was not processed by the build:
You need to have a netlify or data-netlify=true attribute in your HTML <form …> definition. Note that once the form is processed during deploy, the resulting HTML that we serve will NOT have that parameter in it anymore!
Double-check that you’re syntactically correct and you have parity between your HTML and JS forms. If all else fails, try renaming the form and getting it working with one simple field, before expanding
I’ve updated this and form submissions now include all fields and are processed correctly. However, the success page is has no style rules applied to it. I suspect this may be due to the Content Security policy which covers the site but wonder how this can be - the style source value is set to ‘self’.
Did I miss a step?
[Error] Refused to apply a stylesheet because its hash, its nonce, or 'unsafe-inline' does not appear in the style-src directive of the Content Security Policy. (hirechrisfinazzo.com, line 9)