Javascript Can'；t显式呈现Google ReCaptcha并使回调函数工作

我正在一个网站上构建一个表单，当提交ReCaptcha时，我有一个函数要运行。此函数用于删除“提交”按钮上的“已禁用”属性

还有一种可能是在一个页面上使用多个表单，因此我实现了以下解决方案，以允许在一个页面上使用多个captacha表单：

似乎我可以允许多个ReCaptcha表单，也可以允许使用submit按钮，但不能同时使用这两个按钮

代码如下：

HTML

<div class="g-recaptcha" data-callback="verifyCallback"></div>     

<script src="https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer></script>

JavaScript

<script>

  var CaptchaCallback = function() {
    $('.g-recaptcha')
      .each(function(index, el) {
        grecaptcha.render(el, { 'sitekey': 'XXXX' });
      });
    };

  function verifyCallback() {;
    $('#submitBtn').prop('disabled', false);
  }

</script>

var CaptchaCallback=函数（）{
$（“.g-recaptcha”）
.每个功能（索引，el）{
render（el，{'sitekey'：'XXXX'}）；
});
};
函数verifyCallback（）{；
$（'submitBtn'）.prop（'disabled'，false）；
}

谢谢。

解决了

我需要从回调中调用该函数，在HTML中使用它是不可行的

var CaptchaCallback = function() {
  $('.g-recaptcha')
    .each(function(index, el) {
      grecaptcha.render(el, { 'sitekey': 'XXXX', 'callback': verifyCallback });
  });
 };

解决了

我需要从回调中调用该函数，在HTML中使用它是不可行的

var CaptchaCallback = function() {
  $('.g-recaptcha')
    .each(function(index, el) {
      grecaptcha.render(el, { 'sitekey': 'XXXX', 'callback': verifyCallback });
  });
 };