web-dev-qa-db-ja.com

Google reCAPTCHAデータコールバックが機能しない

私は自分のウェブサイトからmailchimpに投稿するメールニュースレターサインアップフォームを作成しました。 Google reCAPTCHAをフォームに追加し、データコールバックを使用して、最初は無効になっている送信ボタンを有効にします。これは昨夜すべてのブラウザで正常に機能し、テストを成功させて承認し、帰宅しました。私は今朝になって、サブスクライブボタンが有効にならない/データコールバックが機能しないことがわかりましたか?奇妙な..

Callback

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

スクリプトを次のように変更します...

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

関数をdocument.readyイベント内に配置すると、グローバルスコープ内にないため、captchaコントロールから到達できません。

34
m-albert