ReCaptcha v2客戶端事件

Question

ReCaptcha v2會暴露任何客戶端事件嗎？ 我正在尋找具體的方法來確定一旦勾選方框后何時返回了Captcha響應，我就可以顯示下面的“繼續”按鈕。

如果沒有這個，用戶可以單擊復選框，然后在驗證碼響應返回之前快速單擊提交按鈕。

我可以將我自己的click事件處理程序添加到類recaptcha-checkbox-checkmark並輪詢tick的visiblity，我只是想知道是否有更簡單的方法來執行此操作？

$(".recaptcha-checkbox-checkmark").click(function() {
    //...Poll for visibility of tick
});

Answer 1

另一種解決方案是直接在g-recaptcha div上設置data-callback ，就像這樣

<script type="text/javascript">
  var imNotARobot = function() {
    console.info("Button was clicked");
  };
</script>

<div class="g-recaptcha" data-callback="imNotARobot" data-sitekey="key"></div>

Answer 2

您可以配置reCAPTCHA以使用g-recaptcha標記上的data-callback屬性成功驗證回調，或者如果使用顯式呈現則通過'callback'參數進行回調。

請參閱https://developers.google.com/recaptcha/docs/display#render_param

使用顯式渲染的示例：

var myCallback = function(val) { console.log(val); };
grecaptcha.render(
   document.getElementsById('my-recaptcha-placeholder'), 
   {
     callback: myCallback, 
     sitekey: mySiteKey
   });