如何使用JavaScript重新加载ReCaptcha ?

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

我正在寻找与ReCaptcha兼容的代码，使用JavaScript重新加载它。

206494 次浏览

小开

试试这个

<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 v2，使用:

grecaptcha.reset();

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

Recaptcha.reload();

如果window上已经加载了重新验证码，则会这样做。

(根据下面@SebiH的评论更新。)

小开

或者，您可以模拟单击刷新按钮

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

小开

如果您使用的是版本1

Recaptcha.reload();

如果您使用的是版本2

grecaptcha.reset();

小开

如果你正在使用新的recaptcha 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>

小开

最佳答案

不再支持reCAPTCHA API 1.0版本。请升级到2.0版本。

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

来源:https://developers.google.com/recaptcha/docs/display#js_api

小开

grecaptcha.reset(opt_widget_id)

重置reCAPTCHA小部件。可以传递一个可选的小部件id，否则函数将重置创建的第一个小部件。(来自谷歌的网页)

小开

对于AngularJS用户:

$window.grecaptcha.reset();