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

我在使用v2隐形capcha时遇到以下错误

recaptcha__en.js:513未捕获错误：recaptcha占位符元素 必须是空的 在YG（概述欧洲标准：513） 在recaptcha__en.js:520 在Array.forEach（）处 在pG（概述欧洲标准：520） 在xG（重述Cha__en.js:517） 在recaptcha__en.js:507 按j$（重述中国英语：304） 在RZ（重述Cha__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>

var onCapchaValidated=函数（）{
$（'#loginForm'）。提交（）；
};

刚刚修复了它。在多个属性上使用了“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>

终于奏效了

<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>