Google recaptcha not working

[chrisvidal]

a empty div class="g-recaptcha" is generated, but no recaptcha available.

[shuy0]

Same problem here.

[bradietilley]

The Google Recaptcha API JS (https://www.google.com/recaptcha/api.js) needs to be added to the page/layout that contains the form, in your location of preference (i.e. head, triggered by frontend event, etc).

Another simple way to do this would be to extend the default.htm partial for the plugin and prepend a script that pulls this JS file in. Copy plugins/abwebdevelopers/forms/components/customform/default.htm to themes/{THEME}/partials/customForm/default.htm (where customForm is the component's alias used) then prepend: {% if __SELF__.form.recaptchaEnabled() %}<script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script>{% endif %} on line 1

I can either:

1. Leave it as is
2. Prepend the script to the partial as I suggested above, allowing for people to override it easily and remove it if desired.
3. Add if ($this->form()->recaptchaEnabled()) { $this->addJs('https://www.google.com/recaptcha/api.js'); } to the onRun() handler for the component, forcing it to be used by everyone using recaptcha.

Let me know if that would you would prefer and I'll see what I can do

[bradietilley]

See v1.2.8 for solution number 2 above