私は自分のウェブサイトから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>
スクリプトを次のように変更します...
<script type="text/javascript">
function recaptcha_callback(){
alert("callback working");
$('.button').prop("disabled", false);
}
</script>
関数をdocument.ready
イベント内に配置すると、グローバルスコープ内にないため、captchaコントロールから到達できません。