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

Question

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

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