reCAPTCHA Validation errors not showing

Wappler Version : 5.1.3
Operating System : Linux
Server Model: NodeJS
Database Type: Postgres
Hosting Type: Docker

Expected behavior

reCAPTCHA validation errors should show within the iframe

Actual behavior

reCAPTCHA validation errors should show only a default text saying" This Field is required"

How to reproduce

  1. Create a form, add input box and reCAPTCHA to it.
  2. Add a Submit button
  3. Check for errors on pressing the submit without reCAPTCHA ticked


Have you also added recaptcha in your server action?

Yes, I have.

UI side implementation:

Can you provide a link to your page so i can check this?

You could just add a bit more padding to the flex container so that the validation message can be displayed properly

Yes, I could, but the message is not correct, shouldn’t it say Recaptcha Verification failed if submitted without the check? like shown in the video.


No, it should show that the field is required with the client side validation.
There are 2 types of validations, the first is that we automatically add a required validation, so when not checked it will show the required message. The second validation is the recaptcha validation itself and the recaptcha validation only happens on the server after sending the form, the required check is to prevent sending the form when the recaptcha has not been checked.

Ohh. Okay.

Thanks for the Clarification

1 Like