如何使用 enable/disable Google 的 reCaptcha 小部件？

Question

有没有办法以编程方式 enable/disable Google 的 reCaptcha 小部件？这样做的目的是防止用户过早地单击 "I'm not a robot" 复选框。

Answer 1

感谢 this answer，我找到了解决方案。

添加这个 CSS:

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

将 disabled-element class 添加到包含 reCaptcha 元素的 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 元素，请删除 class:

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