GettUncaught 错误：reCAPTCHA 占位符元素必须为空；只加载一次答案

【问题标题】：GettUncaught Error: reCAPTCHA placeholder element must be empty ; loaded only onceGettUncaught 错误：reCAPTCHA 占位符元素必须为空；只加载一次
【发布时间】：2020-02-17 10:34:14
【问题描述】：

我在使用 v2 隐形验证码时遇到以下错误

recaptcha__en.js:513 未捕获错误：reCAPTCHA 占位符元素必须为空在 YG (recaptcha__en.js:513) 在 recaptcha__en.js:520 在 Array.forEach () 在 pG (recaptcha__en.js:520) 在 xG (recaptcha__en.js:517) 在 recaptcha__en.js:507 在 j$ (recaptcha__en.js:304) 在 RZ (recaptcha__en.js:507) 在 recaptcha__en.js:523 在 recaptcha__en.js:543

我已经搜索过，但到处都说你正在多次加载脚本，我认为我没有这样做

以下是我的代码


    <div class="osnlogin-button">
        <a type="submit" href="" id="recaptcha-submit" class="osnlogin-signin-btn g-recaptcha"><span class="signin lightboxed">Login</span></a>
    </div>
    <div class="g-recaptcha" data-sitekey="xxx" data-bind="recaptcha-submit" data-callback="onCapchaValidated">
    </div>

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    var onCapchaValidated = function () {
        $('#loginForm').submit();
    };

【问题讨论】：

标签： javascript jquery recaptcha invisible-recaptcha

【解决方案1】：

刚刚修好了。在多个属性上使用“g-recaptcha”类。我认为它应该只出现在页面中的一个元素上。

原创

 <div class="osnlogin-button">
    <a type="submit" href="" id="recaptcha-submit" class="osnlogin-signin-btn g-recaptcha"><span class="signin lightboxed">Login</span></a>
</div>
<div class="g-recaptcha" data-sitekey="xxx" data-bind="recaptcha-submit" data-callback="onCapchaValidated">
</div>

更新

<div class="osnlogin-button">
    <a type="submit" href="" id="recaptcha-submit" class="osnlogin-signin-btn"><span class="signin lightboxed">Login</span></a>
</div>
<div class="g-recaptcha" data-sitekey="xxx" data-bind="recaptcha-submit" data-callback="onCapchaValidated">
</div>

终于成功了

【讨论】：