How to update reCaptcha v3 Token?

Question

JavaScript

There is a login form, standard fields (login, password) and set recaptcha v3. Everything works, but if a person entered the login and password incorrectly, then the token (reCaptcha) does not change, and as a result, an error occurs on the second request.

The login request is made via ajax.

grecaptcha.ready(function () {
            grecaptcha.execute('6LeK7**********660SKbB0U-m0*************', { action: 'login' }).then(function (token) {
                var recaptchaResponse = document.getElementById('recaptchaResponse');
                recaptchaResponse.value = token;
            });
        });

Actually the question is how to update the reCaptcha token at the time of an error from the server?

Answer 1

Paste in the ajax request handler:

grecaptcha.execute('6LeK7**********660SKbB0U-m0*************', { action: 'login' }).then(function (token) {
                var recaptchaResponse = document.getElementById('recaptchaResponse');
                recaptchaResponse.value = token;
            });