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

jqjz2hbq  于 2023-04-29  发布在  jQuery
关注(0)|答案(1)|浏览(79)

有没有一种方法可以编程地启用/禁用Google的reCaptcha小部件?这样做的目的是防止用户过早地点击 “I'm not a robot” 复选框。

nkoocmlb

nkoocmlb1#

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

相关问题