reCAPTCHA Validation errors not showing

Wappler General Bugs
1

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

image

2

Have you also added recaptcha in your server action?

3

Yes, I have.

image
image725×242 18.5 KB

UI side implementation:

image
image1140×284 41.9 KB

4

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

7

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

Screenshot 2022-09-29 at 14.56.05
Screenshot 2022-09-29 at 14.56.051901×812 193 KB

8

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.


02:55
9

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.

10

Ohh. Okay.

Thanks for the Clarification

1 Like