在 jQuery Stepy Wizard 中使用时出现 ReCAPTCHA 抛出错误

Question

我使用jQuery.stepy使用了多步注册表单.js 此外，我还使用"gem "recaptcha"添加了google ReCAPTCHA。当我放置时

  <%= recaptcha_tags %>

在向导表单中，它抛出这样的JavaScript错误：

Uncaught Error: ReCAPTCHA placeholder element must be empty

我已经搜索了此错误背后的原因，发现如果谷歌验证码库加载两次，就会发生此错误。这是因为jQuery.stepy.js而发生的吗？如何解决此错误？

Answer 1

多次加载文件recaptcha/api.js时会发生此错误。

在您的情况下，您使用了 <%= recaptcha_tag %>，默认情况下，此标记每次呈现时都会注入 api.js。只需检查您是否没有明确添加库文件或使用多个 recaptcha 标签(每个标签都会注入库脚本(。

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

<%= recaptcha_tag :script => false %>