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

Question

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

Answer 1

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

添加此 CSS:

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

将 disabled-element 类添加到包含 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 元素时，请删除该类:

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