在jQuery步骤向导中使用时出现ReCAPTCHA抛出错误

Question

我使用了多步骤注册表单使用jQuery.stepy.js，我也添加了谷歌ReCAPTCHA使用'gem“recaptcha‘。当我放置

  <%= recaptcha_tags %>

在向导窗体中抛出JavaScript错误，如下所示：

Uncaught Error: ReCAPTCHA placeholder element must be empty

我搜索了这个错误背后的原因，发现如果google recaptcha库加载两次，就会出现这个错误。这是因为jQuery.stepy.js吗？如何解决此错误？

Answer 1

当多次加载recaptcha/api.js文件时，会出现此错误。

在您的示例中，您使用的是<%= recaptcha_tag %>，默认情况下，此标记在每次呈现时注入api.js。只需检查您没有显式地添加库文件，或者没有使用多个recaptcha标签(每个标签都将注入库脚本)。

通过将参数传递给方法，可以将:script参数设置为false：

<%= recaptcha_tag :script => false %>