javascript - Google の reCaptcha ウィジェットを有効/無効にする方法は?

Question

Google の reCaptcha ウィジェットをプログラムで有効/無効にする方法はありますか? これの目的は、ユーザーが「私はロボットではありません」チェックボックスを時期尚早にクリックしないようにすることです。

Answer 1

この回答のおかげで解決策が見つかりました。

この CSS を追加します。

.disabled-element {
    opacity: 0.65;
    pointer-events: none;
}

reCaptcha 要素を含むにdisabled-elementクラスを追加します。div

<script>
  var onloadCallback = function() {
    alert("grecaptcha is ready!");
  };
</script>

<div class="disabled-element" id="captcha"></div>
...
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

最後に、reCaptcha 要素を有効にする準備ができたら、クラスを削除します。

$("#captcha").removeClass("disabled-element");