javascript - How to enabledisable Google's reCaptcha widget? - Stack Overflow

admin管理员组

文章数量:1332881

Is there a way to programmatically enable/disable Google's reCaptcha widget? The purpose for this would be to prevent a user from clicking the "I'm not a robot" checkbox prematurely.

Is there a way to programmatically enable/disable Google's reCaptcha widget? The purpose for this would be to prevent a user from clicking the "I'm not a robot" checkbox prematurely.

• javascript
• jquery
• recaptcha
• disabled-input

Share Improve this question Follow edited Apr 28, 2023 at 19:42 General Grievance 5,0333838 gold badges3737 silver badges5656 bronze badges asked Sep 16, 2016 at 19:45 reformedreformed 4,8081212 gold badges6767 silver badges9393 bronze badges 4

• Can you not just hide the element? – thanksd Commented Sep 16, 2016 at 19:50
• Of course that's possible, but that would be an approach I'd take if some kind of disable/enable functionality does not exist that I'm unaware of. I looked through Google's documentation and didn't see anything, so I'm wondering if anyone is aware of a solution. – reformed Commented Sep 16, 2016 at 19:52
• I would think you could delay the .render method based on the callback pleting from some event, like the last element of your form being populated or whatever you choose. – Robert Wade Commented Sep 16, 2016 at 19:52
• Ah gotcha. This might be possible with custom theming – thanksd Commented Sep 16, 2016 at 19:57

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

I found a solution thanks to this answer.

Add this CSS:

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

Add the disabled-element class to the div containing the reCaptcha element:

<script>
  var onloadCallback = function() {
    alert("grecaptcha is ready!");
  };
</script>

<div class="disabled-element" id="captcha"></div>
...
<script src="https://www.google./recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

And finally, whenever you're ready to enable the reCaptcha element, remove the class:

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

本文标签： javascriptHow to enabledisable Google39s reCaptcha widgetStack Overflow