Form detection enable, but submitted forms not detected

Support
,
1

Edit: removed site url

Netlify admin panel says I have 2 active forms, but I only have one form on my contact page.

When I submit a form, all the form fields are cleared on the contact page, and nothing else is shown. I would like a little thank you message to show when a form is submitted.

But the main thing is that the Netlify admin panel shows “no submissions yet”.

Why is the form submission not being detected?

Thank you.

2

@Presence I can’t answer your specific questions, but…

The forms debugging guide that people are are most often referred to is here:

The documentation for adding a custom success page is here:
https://docs.netlify.com/forms/setup/#custom-success-page

1 Like
3

Thank you for your reply.

I will have a look at the links you have posted.

4

I’ve found the problem. ReCaptcha is causing the form submission to fail. After I removed the the captcha code, the form submission works.

This piece of google reCaptcha code is what is preventing form submission:

“

”

What can I do? I am new to web dev, and Netlify.

Thank you.

EDIT: I don’t know why the one line reCaptcha code is not showing.

5

I found this page about google reCaptcha V2:

https://answers.netlify.com/t/form-submission-failing-when-using-recaptcha-v2/9903/4

I have both the script in my head tag and div in the body of my form, and no code for forms in JS, but am still having problems with form submission. When I click submit, there is no acknowledgement that the form has been submitted - the only thing that happsn is the form input fields are cleared and become blank.

If I was to remove the captcha code in the body of the form, the form submission works as expected, with acknowledgement.

6

Hi @Presence,

Could you clarify what code you were trying to show here:

Screenshot 2023-12-05 at 7.06.29 AM
Screenshot 2023-12-05 at 7.06.29 AM1172×206 7.16 KB

For Netlify Recatcha, you’ll want to check your code against the docs here:

7

Hi @Melvin, thanks for your reply.

The google reCaptcha code is:

div class=“g-recaptcha” data-sitekey=“6LchZiQpAAAAACdhwiEyiyki3tEMOMx-pxmUdj8k” /div

I had remove some angled brackets for the code to be displayed here.

8

I used the Netlify reCaptcha and form submission worked!

Thanks a lot, much appreciated. :blush::+1:

9

Hi @Presence,

Thanks for following-up and letting us know how you resolved the issue. I hope you have a great day!