Using Google Recaptcha with ajax - not loading again

Question

I have issue with Google recaptcha. I'm using Ajax to send form data and recaptcha session expires and user should validate again captcha. But if has been checked once, it is displayed as checked chechbox and user should reload the page...

I'm using PHP validation for recaptcha response to validate.

But what is the correct solution for recaptcha reloading - Is it ok only to add js validation like that or there is better solution:

var v = grecaptcha.getResponse();

if(v.length == 0)
{
  $('<label class="error captcha_field">This field is required!</label>').insertAfter($(".g-  recaptcha").closest('.form-group'));
  return false;
}

Now, I tried with the following code but it returned js error:

response is not defined

var captcha = grecaptcha.getResponse();
if (captcha == 0){

  $('<label class="error       captcha_field">'+response.errors.captcha_failed+'</label>').insertAfter($(".g-recaptcha").closest('.form-group'));
  return false;
}

ivva · Accepted Answer · 2016-09-05 08:43:48Z

3

I found solution. In ajax response I reload captcha in that way:

 if (window.grecaptcha) {
    grecaptcha.reset();
 }

answered Sep 5, 2016 at 8:43

ivva

2,9699 gold badges33 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dilip Langhanoja Over a year ago

Yes, final this one resolved my ajax call issue. but could not understand real issue.

Ryan · Accepted Answer · 2018-12-07 03:22:41Z

-1

Try to use

if(window.grecaptcha) {
  grecaptcha.render('widget id')
}

answered Dec 7, 2018 at 3:22

Ryan

274 bronze badges

Collectives™ on Stack Overflow

Using Google Recaptcha with ajax - not loading again

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related