Javascript-新的Recaptcha在同一页面上(基本上)无法正常工作两次

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

我首先通过最简单的方法将验证码引入了reg页面,因为我什么也无法工作.
一切都很好,直到我向登录页面添加了验证码,现在注册页面都没有呈现它,并且出现了“未捕获的错误：ReCAPTCHA占位符元素必须为空”错误.

这是在两个页面上加载验证码的方式：

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

在register.php上也一样,但是通过echo

这是显示注册页面的功能

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

我什至尝试将ID添加到验证码div并将其innerhtml设置为“”,但仍然无济于事.

解决方法:

我也有这个错误：

未捕获的错误：ReCAPTCHA占位符元素必须为空

在我的情况下,问题是我导入了图书馆缠绕.

更确切地说：我的CMS MURA一次导入了该库,以提供reCaptcha作为默认服务.我第二次导入了图书馆,而不是知道.

标签：recaptcha,html,javascript,php,jquery
来源： https://codeday.me/bug/20191120/2046165.html