如何使用JavaScript重新加载ReCaptcha？

Question

我有一个使用AJAX的注册表单,以便我想在发生错误时刷新Recaptcha图像(即用户名已经在使用中).

我正在寻找与ReCaptcha兼容的代码,以便使用JavaScript重新加载它.

Answer 1

如果你正在使用reCaptcha v1(可能不是):

grecaptcha.reset();

对于新版本的reCaptcha v2,请使用:

Recaptcha.reload();

如果有一个已加载的Recaptcha window.

(根据@ SebiH的评论更新如下.)

Answer 2

如果您使用的是版本1

Recaptcha.reload();

如果您使用的是版本2

grecaptcha.reset();

Answer 3

重要提示:不再支持reCAPTCHA API的1.0版,请升级到2.0版.

你可以使用grecaptcha.reset(); 重置验证码.

资料来源:https://developers.google.com/recaptcha/docs/verify#api-request

Answer 4

或者你可以模拟点击刷新按钮

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

Answer 5

grecaptcha.reset(opt_widget_id)

重置reCAPTCHA小部件.可以传递可选的小部件ID,否则该函数将重置创建的第一个小部件.(来自Google的网页)

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,将使用新的recaptcha实例填充captchadiv.