Google ReCAPTCHA onload callback not firing

Question

I can't for the life of me figure out what I'm doing wrong here. The loaded() callback should fire but does not. Here's the code for a reduced test case (with a JS fiddle link below):

<script> function loaded() { alert('loaded() triggered.'); } </script> <script src="https://www.google.com/recaptcha/api.js?onload=loaded" async defer></script>

https://jsfiddle.net/48dshrew/

ReCaptcha Documentation

Nagy Nick · Accepted Answer · 2017-04-03 15:04:24Z

Looks like the render mode needs to be set to 'explicit' for reCaptcha to call your custom onload callback function. Try this:

var onloadCallback = function() { console.log('loaded() triggered.'); }

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer> </script>

That was it, thanks! Google doesn't mention it in their documentation but that's good to know.

Collectives™ on Stack Overflow

Google ReCAPTCHA onload callback not firing

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related