Scroll to reCAPTCHA element
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

When a visitor does not fill one or any of the required fields, browser automatically scroll up to that unfilled field. The problem is when all fields are completed but not verified by google reCAPTCHA, the browser scroll the top of the browser and the visitor does not know and there is no impression that something else needs to be done to send the form. Thus, it is necessary to make scroll up to reCAPTCHA element when unchecked.

https://www.zema-fenster-tueren.de/en/contact

awarded to ahmedengu

Crowdsource coding tasks.

1 Solution

Winning solution

Greetings,

You can fix it easily by changing the following line:

quform/js/plugins.js (line 244):

    self.scrollTo($firstError);

To:

    self.scrollTo($firstError.parent());

and thats it

By the way i suggest using this attribute with the phone field to prevent submitting text (at least on the client side):

https://www.w3schools.com/tags/att_input_type_number.asp

Best regards,

Ahmed

Thanks Ahmed for fast and quality help :)
Saaskoo 1 month ago
You are most welcome, Thank you :)
ahmedengu 1 month ago