fix for Uncaught (in promise) Error: reCAPTCHA placeholder element must be empty

This is usually caused by something being inside the element used to render the reCAPTCHA.

In this case tinymce was adding a &nbsp; or a <p> tag to the element

Removed the space and this fixed the error. 

Console Error Example:

HTML

<!-- // the broken version -->
<div class="g-recaptcha" id="RecaptchaField2" data-callback="recaptchaCallback">&nbsp;</div>

<!-- // the fixed broken version (remove the space or tag) -->
<div class="g-recaptcha" id="RecaptchaField2" data-callback="recaptchaCallback"></div>

Javascript

// you can test this manually with your site key and field id
grecaptcha.render('RecaptchaField2', {'sitekey' : 'xxxYourKeyxxx'});
 

Other Items in js
Page Views

This page has been viewed 67 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹

Random Quote
The happiest People don't have the best of everything, they just make the best of everything.
Unknown