提交按钮后如何重新加载谷歌recaptcha而不刷新页面? [复制]

Posted

技术标签:

【中文标题】提交按钮后如何重新加载谷歌recaptcha而不刷新页面? [复制]【英文标题】:How to reload the google recaptcha after submit button without refreshing page? [duplicate] 【发布时间】:2018-01-26 06:46:45 【问题描述】:

我正在寻找一个 javascript 代码,以便在提交按钮后重新加载 google recaptcha 而无需刷新页面。

实际上下面的代码是有效的,但是一旦我点击提交按钮,它就不允许我的表单提交,recaptcha 将被重置。我正在寻找一个解决方案,在提交按钮之后,recaptcha 将被取消选中而不影响我的表单。因为我的表单响应在同一页面中,所以我想在提交表单后重置 recaptcha。

$('form').submit(function(e)
grecaptcha.reset();     
);

如果您能在这方面帮助我,我将不胜感激。

【问题讨论】:

您不能在.submit() 上使用处理程序,因为它在实际通过之前被调用。您将需要使用某种形式的 $.ajax 或建议的解决方案 here 感谢您的指导和帮助。我可以解决它。竖起大拇指 【参考方案1】:

特别感谢用户:Sven The Surfer

这是我的解决方案:

$(document).ready(function() 
$("#form_captcha").submit(function() 
$.ajax(
type: "POST",
success: function() 
grecaptcha.reset();     
)))

Ajax 以上需要 jquery.min.js 版本 3.2.1

【讨论】:

以上是关于提交按钮后如何重新加载谷歌recaptcha而不刷新页面? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何避免在php表单提交中重新加载页面

验证 Recaptcha 后禁用提交

更新 viewpager 内的 Fragment 视图而不重新加载数据

防止在 django 中提交按钮后重新加载

谷歌 reCaptcha 与 Laravel

如何在IE浏览器中重新加载/刷新页面而不使用JS弹出表单重新提交