javascript - 新的 recaptcha 在(基本上)同一页面中不起作用两次

Question

对于我的网站，我通过 jquery 将所有子页面加载到一个 div 中，该 div 基本上涵盖了除菜单之外的所有内容。结构是这样的，你按下帐户按钮，你会得到登录表单，然后有一个链接(触发一个 onclick 函数)到注册页面。

我首先通过最简单的方法将验证码引入了注册页面，因为我无法使用其他任何方法。一切都很好，直到我将验证码添加到登录页面，现在注册页面不呈现它并且我收到“未捕获错误:ReCAPTCHA 占位符元素必须为空”错误。

验证码在两个页面上的加载方式如下:

<script src='https://www.google.com/recaptcha/api.js'></script>
<div id="captcha" class="g-recaptcha" data-sitekey="6LeNGScO_"></div>   

在 register.php 上做同样的事情，但是通过回显

这是显示注册页面的函数

function goregister()
{
    grecaptcha.reset();
    page = 4;
    var element = "#mbody";
    var link = "/php/register.php";
    $(element).load(link);
}

我什至尝试向验证码 div 添加一个 id 并将其 innerhtml 设置为“”，但它仍然无济于事。

Answer 1

我也有这个错误:

Uncaught Error :ReCAPTCHA 占位符元素必须为空

在我的例子中，问题是我两次导入了库。

更确切地说:我的 CMS MURA 导入了一次库，以提供 reCaptcha 作为默认服务。我第二次导入了这个库，不知道。