[解決済み] Google Recaptchaのチェックボックスをユーザーがチェックしたことをjsで確認するには？

質問

headの前に以下を追加しました。

<script src='https://www.google.com/recaptcha/api.js'></script>

フォームの末尾に以下を追加しました。

<div class="g-recaptcha" data-sitekey="== xxxxxx =="></div>

と似たようなrecaptchaを見ることができます。 https://developers.google.com/recaptcha/

しかし、ユーザーがチェックボックスにチェックを入れずにデータを押すと、データが送信されます。ユーザーがチェックボックスを押したかどうかを確認するために、他に追加しなければならないコードはありますか？できればjsで？

どのように解決するのでしょうか？

Googleでは、チェックボックスにチェックを入れた場合のコールバックのオプションを用意しています。

これをform要素に追加します。

data-callback="XXX"

例

<div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="== xxxxxx =="></div>

そして、送信ボタンにdisable属性をつけます。

例

<button id="submitBtn" disabled>Submit</button>

次に、コールバック関数を作成し、必要なコードを記述します。

例

function recaptchaCallback() {
    $('#submitBtn').removeAttr('disabled');
};