Home / Questions / 270184
Accepted
Gabo
Asked: 2020-06-07 09:47:19 +0800 CST 2020-06-07 09:47:19 +0800 CST

Error: reCAPTCHA placeholder element must be empty

  • 772

I have a problem since it does not load the checkbox on the page, checking in the browser console, it gives me the following message:

Error: reCAPTCHA placeholder element must be empty recaptcha__es_419.js:533:277
eK https://www.gstatic.com/recaptcha/api2/v1558333958099/recaptcha__es_419.js:533
nE https://www.gstatic.com/recaptcha/api2/v1558333958099/recaptcha__es_419.js:530
forEach self-hosted:266
nE https://www.gstatic.com/recaptcha/api2/v1558333958099/recaptcha__es_419.js:530
$A https://www.gstatic.com/recaptcha/api2/v1558333958099/recaptcha__es_419.js:527
uy https://www.gstatic.com/recaptcha/api2/v1558333958099/recaptcha__es_419.js:521
<anonymous> https://www.gstatic.com/recaptcha/api2/v1558333958099/recaptcha__es_419.js:536
<anonymous> https://www.gstatic.com/recaptcha/api2/v1558333958099/recaptcha__es_419.js:556

​ This is being integrated into a simple form for verification prior to shipment, as an additional is the following:

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

And inside the form:

<div class="g-recaptcha" data-sitekey="key-data">

What solution do you think you can apply based on your experience?

google-api

1 Answers

  1. Best Answer

    I found the error, it happens that the label:

    <div class="g-recaptcha" data-sitekey="key-data">

    It is not closed and it is for this reason that it marks the error, the correct thing is:

    <div class="g-recaptcha" data-sitekey="key-data"></div>
    • 1