javascript - example - ReCaptcha v2 cliente eventos secundarios

recaptcha v3

Question

¿ ReCaptcha v2 expone algún evento del lado del cliente? Estoy buscando específicamente identificar cuándo se ha devuelto la respuesta de Captcha una vez que se marca la casilla, por lo que puedo revelar el botón "Continuar" a continuación.

Sin esto, es posible que el usuario haga clic en la casilla de verificación y luego haga clic rápidamente en el botón enviar antes de que la respuesta de captcha regrese.

Podría posiblemente agregar mi propio controlador de eventos de clic a la clase recaptcha-checkbox-checkmark y sondear la visibilidad del tick, solo me pregunté si había una forma más sencilla de hacer esto.

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

Answer 1

Otra solución es establecer data-callback directamente en el div g-recaptcha , como este

<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

Puede configurar reCAPTCHA para dar una devolución de llamada en una validación exitosa utilizando el atributo de devolución de llamada de datos en la etiqueta g-recaptcha o mediante el parámetro ''devolución de llamada'' si se usa una representación explícita.

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

Ejemplo usando representación explícita:

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