Как перезагрузить ReCaptcha с помощью JavaScript?

Question

У меня есть форма регистрации с AJAX, так что я хочу обновить изображение Recaptcha каждый раз, когда происходит ошибка (т.е. имя пользователя уже используется).

Я ищу код, совместимый с ReCaptcha, чтобы перезагрузить его с помощью JavaScript.

Answer 1

Если вы используете reCaptcha v1 (, вероятно, не ):

Recaptcha.reload();

Для новой версии reCaptcha v2 используйте:

grecaptcha.reset();

, если на window уже есть загруженная Recaptcha.

(Обновлено на основе комментария @ SebiH ниже.)

Answer 2

Если вы используете версию 1

Recaptcha.reload();

Если вы используете версию 2

grecaptcha.reset();

Answer 3

Важное замечание: Версия 1.0 API reCAPTCHA больше не поддерживается, обновите до версии 2.0.

Вы можете использовать grecaptcha.reset (); для сброса капчи.

Источник: https://developers.google.com/recaptcha/docs/verify#api-request

Answer 4

grecaptcha.reset(opt_widget_id)

Сбрасывает виджет reCAPTCHA.Необязательный идентификатор виджета может быть передан, в противном случае функция сбрасывает первый созданный виджет. (с веб-страницы Google)

Answer 5

Или вы можете просто смоделировать нажатие на кнопку обновления

// If recaptcha object exists, refresh it
    if (typeof Recaptcha != "undefined") {
      jQuery('#recaptcha_reload').click();
    }

Answer 6

Попробуйте это

<script type="text/javascript" src="//www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
<script type="text/javascript">
          function showRecaptcha() {
            Recaptcha.create("YOURPUBLICKEY", 'captchadiv', {
              theme: 'red',
              callback: Recaptcha.focus_response_field
            });
          }
 </script>

<div id="captchadiv"></div>

Если вы вызовете showRecaptcha, captchadiv будет заполнен новым экземпляром recaptcha.

Answer 7

Для пользователей AngularJS:

$window.grecaptcha.reset();

Answer 8

Для новой версии reCaptcha v2 используйте:

grecaptcha.reset();

Answer 9

, если вы используете новую версию 2.0, используйте это: для кода:

ScriptManager.RegisterStartupScript(this, this.GetType(), "CaptchaReload", "$.getScript(\"https://www.google.com/recaptcha/api.js\", function () {});", true);

для простого JavaScript

<script>$.getScript(\"https://www.google.com/recaptcha/api.js\", function () {});</script>