Received blank submissions in 2 out of 4 forms. Input names and form names are provided

[doodanroo]

I can’t debug this problem. My site has 4 forms, 2 of them only receive blank submissions although form names and input names are provided.

site name: cdsalus
dev environment: https://dev.cdsalus.com.

the two forms:

Thanks in advance for the help.

[perry]

hi there,

can you try not having spaces in the form name and see if that helps? You’ll need to redeploy after making changes

[doodanroo]

Thank you perry, I will try that.

The problem is I have 4 forms and they all have space in their names. But only two of them are receiving blank submissions.

I checked the outgoing request. The form data is correct too.

[js32]

I’m having the same problem but with only one form. I don’t want ho hijack this thread but wanted to ask:

@doodanroo how did you check the POST?

Thanks

[js32]

I’m having this same issues with a brand new form on a completely different site. Could it be that the problem is on netlify’s end?

[doodanroo]

No worries @js32. Naturally, I would like to know if you can resolve this too.

If you are using a chromium browser, go to developer mode, and choose network tap. When you submit a Netlify form, you will see a POST request appears.

You can check for headers, body, and response,…

Let me know how you go, please. I’m still struggling with these two forms and might have to remove them or use Netlify functions instead.

Thank you.

[perry]

hey @doodanroo , do the forms that work also have the action-xhr="{{ .Permalink }}"> tag? i’d be surprised if that works.

[doodanroo]

Hi @perry. Yes, they do have the tags. The “action-xhr” tag is a requirement for all amp-form elements so I can’t remove it.

Here are the two forms that work.

Site: https://cdsalus.com
Dev: https://dev.cdsalus.com

[js32]

Hi @doodanroo,

thank you. My POST seems to be ok… hm, I don’t want to switch to another service as well… I think I’ve seem my forms working some time in the past, I might check my deploys for it.

Edit: Checked… forms never worked but at least I got the log message:

6:41:58 PM: Processing form - contact
6:41:58 PM: Detected form fields:
6:41:58 PM: - name
6:41:58 PM: - email
6:41:58 PM: - message

(Last working detection on master@22a425c)

Now I only get

11:39:24 AM: WARNING: There are no fields detected for form contact. Check that any existing form fields have name attributes.

Looking at my git I only changed some content and theming.

[doodanroo]

Hi @js32, maybe use Netlify functions to process your forms instead.

[js32]

Hm, but this ought to work IMO…
I think functions are above my skill level and as far as I can tell, there‘s definitely another account for some service necessary which I want to avoid for my Client. For my own website it sounds interesting though maybe you could help me a bit, should we not be able to fix the current issue.

I think this is interesting for a lot of other users, too.

[js32]

I think I fixed it

A simple change from
<form name="kontaktformular" method="POST" data-netlify="true" action="/success/" >

to

<form name="kontaktformular" method="POST" action="/success/" netlify>

did the trick for me.

Either this is a bug or the documentation is out of date:

Code an HTML form into any page on your site, add data-netlify="true" or a netlify attribute to the <form> tag, and you can start receiving submissions in your Netlify site admin panel.

It should read:

Code an HTML form into any page on your site, add netlify attribute to the <form> tag, and you can start receiving submissions in your Netlify site admin panel.

[hillary]

Thanks for sharing, @js32 I see you shared your solution in this thread as well.

@doodanroo , are you still encountering issues?

[doodanroo]

@hillary

this thread

Unfortunately, @js32 solution doesn’t work for me. Also, I notice now all of my forms are not working though I haven’t changed anything, and two worked previously.

[doodanroo]

Found the problem, it’s google amp-form element. There is no integration between google amp and netlify form at the moment and using google amp-form element on Netlify form will break it eventually (it might be ok for a couple of days). @hillary please let the team know!