ReCaptcha v2 eventi lato client

Question

ReCaptcha v2 espone eventi lato client? Sto cercando in particolare di identificare quando la risposta Captcha è stata restituita una volta spuntata la casella, quindi posso rivelare il pulsante "Continua" qui sotto.

Senza questo è possibile per l'utente di fare clic sulla casella di controllo poi rapidamente clic sul pulsante di invio prima che la risposta captcha è tornato.

È possibile aggiungere il proprio gestore di eventi click alla classe recaptcha-checkbox-checkmark e interrogare la visibilità del segno di spunta, mi chiedevo solo se esistesse un modo più semplice per farlo?

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

Answer 1

È possibile configurare reCAPTCHA per dare un callback sulla convalida successo utilizzando l'attributo data-richiamata nel tag g-recaptcha o tramite il parametro 'richiamata' se si utilizza il rendering esplicito.

Vedi https://developers.google.com/recaptcha/docs/display#render_param

Esempio con esplicito il rendering:

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

Answer 2

Un'altra soluzione è quella di impostare data-callback direttamente sul g-recaptcha div, come questo

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

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