Как инициализировать reCAPTCHA V3 через js?

Question

[Игорь]

Дело в том, что если делать инициализацию стандартным способом, то после удачной отправки формы через AJAX в консоли браузера появляется ошибка Uncaught Error: No reCAPTCHA clients exist. и до перезагрузки страницы невозможно повторно отправить форму.

Мне нужно просто перерендерить капчу, но для этого нужен ее id.

grecaptcha.render(
    container,
    parameters
)

Если же я инициализирую капчу по примеру invisible (v2), то появляется ошибка Invalid site key or not loaded in api.js.

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
<input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
<div id="rcv3_ajaxform"></div>
<script>
    var onloadCallback = function() {
        var = widget_ajaxform = grecaptcha.render('rcv3_ajaxform', {
            'sitekey' : '00000000000-publick-key-000000000000'
        });
        grecaptcha.execute('widget_ajaxform', { action: 'ajaxform' })
        .then(function(token) {
            document.getElementById('g-recaptcha-response').value=token;
        });
    };
</script>

Answer 1

[mmman]

Каждый раз, когда от Рекапчи v3 что-то нужно (инициализация, релоад) вызывайте её в формате

grecaptcha.execute('ключ_сайта', {action: 'если_надо'})
    .then(function(token) {
        ....
    });
});

Она сама разберется, что сейчас нужно делать.

Comments

[Игорь]

Так и делаю сейчас (повесил на ajax-коллбэк). Все работает, но в консоли ошибка появляется:

Uncaught Error: No reCAPTCHA clients exist.
    at lW (recaptcha__ru.js:599)
    at Object.Ei [as reset] (recaptcha__ru.js:592)
    at Object.success (default.js:70)
    at Object.t.success (jquery.form.min.js:7)
    at u (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at k (jquery.min.js:2)
    at XMLHttpRequest.<anonymous> (jquery.min.js:2)