javascript - 如何启用/禁用 Google 的 reCaptcha 小部件？

Question

有没有办法以编程方式启用/禁用 Google 的 reCaptcha 小部件？这样做的目的是防止用户过早地点击“我不是机器人”复选框。

Answer 1

由于这个答案，我找到了解决方案。

添加这个CSS：

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

将disabled-element类添加到div包含 reCaptcha 元素：

<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");