reCaptcha and Advanced Form Validation incompatibility

Resolved frzsombor
(@frzsombor)

1 year, 5 months ago

There is a serious incompatibility issue with reCaptcha and Advanced Form Validation.

I’ve created a simple form, with a custom Advanced Form Validation. In the form, none of the “email” and “phone” input is required, to allow the users to fill only one which they prefer, but in Advanced Form Validation I throw an error if both fields are empty, to actually require at least one of the two.

I’ve successfully configured and added reCaptcha to the form. I noticed that if I don’t fill “email” and “phone”, but check the reCaptcha (v2 checkbox challenge), I’m able to submit the form, the backend will throw the expected “please fill at least one of email or phone” error, but the reCaptcha challenge will stay checked and if I fill one of the two required fields, and try submitting the form again, I will get “reCaptcha verification failed, please try again.” error each time and can not submit the form ever again, as the already checked reCaptcha will become invalidated.

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Support Amimul Ihsan
(@amimulihsanmahdi)

1 year, 5 months ago

Hello @frzsombor,

For ReCaptcha v2, a delay is handled by google if the page is not refershed. When the page is not refreshed, Google invalidates the Captcha after a certain period and enable checkbox again. Please see the recorded video: https://somup.com/cZXX6ZJ2Ul

Thank you

Thread Starter frzsombor
(@frzsombor)

1 year, 5 months ago

Hi @amimulihsanmahdi,

Thanks for your reply! I’m fully aware of the behavior that you are showing in the screencast, it is called recaptcha invalidation/expiration time. The problem I’m having is what happens if you DON’T wait 1 minute for the recaptcha to become expired, but try to resubmit the form instantly after fixing the advanced verification error and with the recaptcha ALREADY checked. That time the user will get a recaptcha error, and has to wait for the recaptcha to expire (as shown in your video).

Plugin Support Amimul Ihsan
(@amimulihsanmahdi)

1 year, 5 months ago

Hello there,

Thanks for the recommendation, we have added this to our improvement list. Hopefully, our team will add an option to invalidate the captcha immediately after the submit button is clicked.

Thank you

Thread Starter frzsombor
(@frzsombor)

1 year, 5 months ago

Hello,

Thank you for your help!
We hope to see a fix soon, as currently, because of this huge UX issue, developers using this plugin can not activate the reCaptcha while using advanced validation. We can not expect the end users to figure out that the sill checked reCaptcha becomes invalid if advanced validation fails, and also wait 1 minute to be able to check again after the automatic, frontend reCaptcha invalidation.

I think the problem lies in the fact that on the backend, you validate the reCaptcha before checking the advanced validation settings and a solution could be as simple as switching order and checking advanced validation first and if everything is valid, only proceed with the reCaptcha validation.

Thread Starter frzsombor
(@frzsombor)

1 year ago

The issue is now fixed in v6.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘reCaptcha and Advanced Form Validation incompatibility’ is closed to new replies.

Tags