Google reCAPTCHA 数据回调不工作

Question

我已经建立了一个电子邮件时事通讯注册表单，可以从我的网站发布到 mailchimp。我已将 Google reCAPTCHA 添加到表单中，并有一个数据回调来启用提交按钮，因为它最初是禁用的。昨晚这在所有浏览器中都运行良好，并成功进行了测试并在其上签字……然后回家了。我今天早上到达，发现订阅按钮无法启用/数据回调不起作用？奇怪..

回调

<div class="g-recaptcha" data-callback="recaptcha_callback" data-sitekey="xxxxx"></div>  

表单底部的输入按钮

<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" disabled>

脚本

<script src='https://www.google.com/recaptcha/api.js'></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>    
<script type="text/javascript">
    $(document).ready(function() {
      function recaptcha_callback(){
        alert("callback working");
        $('.button').prop("disabled", false);
      }
    )};
</script>

Answer 1

将您的脚本更改为...

<script type="text/javascript">
    function recaptcha_callback(){
      alert("callback working");
      $('.button').prop("disabled", false);
    }
</script>

通过将您的函数放在 document.ready 事件中，它不在全局范围内，因此验证码控件无法访问它。