在 Webkit 浏览器中提交 Ajax 表单后，Ambethia Recaptcha 无法重新呈现

Question

我的 Rails 应用程序中有一个 Ajax 表单，其中包含 Ambethia Recaptcha gem 中的帮助程序提供的 Recaptcha 标记：

recaptcha_tags :ajax => true

提交时，表单会执行一个创建操作，该操作会使用包含以下内容的 create.js.erb 进行响应

$('#message-form').replaceWith("<%= escape_javascript(render('message')) %>");

： “message”部分包含与最初呈现的相同的表单标记，包括 recaptcha_tags，但如果此时验证中存在错误，也可能会显示。

在 Firefox 中，表单将重新呈现并显示刷新的验证码。但由于某种原因，在 Webkit 浏览器（Safari 和 Chrome）中，“dynamic_recaptcha”Recaptcha 元素被清空，就好像 Recaptcha.create(public_key, element_id) 永远不会被调用一样。

在 Safari 开发者控制台中，我可以调用 Recaptcha.create(public_key, element_id) 并重新生成验证码。

谁能告诉我这是怎么回事？谢谢。

Answer 1

我遇到了同样的问题，无法让它与 webkit 浏览器中的 recaptcha_tags 一起使用。

最后我遵循官方指南并这样写（在 HAML 中）....

---

1. 在布局头标签中：

   = javascript_include_tag "http://api.recaptcha.net/js/recaptcha_ajax.js"
   

2. 在渲染的部分中
   通过ajax：

   <前><代码>#dynamic_recaptcha
   :javascript
   Recaptcha.create('YOURPLUBLICKEY', document.getElementById('dynamic_recaptcha') , '')

---

http://code.google.com/apis/recaptcha/docs /显示.html

Answer 2

如果有人遇到这个问题， ajax: true 为我解决了这个问题。我使用rails 3.2.13和recaptcha 0.3.5

=recaptcha_tags(display: {theme: 'clean'}, ajax: true)

Answer 3

我通过以下方法解决了这个问题：

将运行时ajax无法加载的脚本放入 head:

<script type="text/javascript" src="http://api.recaptcha.net/js/recaptcha_ajax.js"></script>

可选主题：

<script type="text/javascript">var RecaptchaOptions = {"theme":"clean"};</script>

然后使用 evalScripts 选项在 true：

new Ajax.Updater('example_div', '/example', { parameters: {text: $F('example_text')}, evalScripts: 'true'});

Answer 4

在 HTML 文件中。

recaptcha_tags(ajax: true)

AJAX 请求中的

$.ajax({
  url: "/users/sign_in",
  type: "POST",
  data: { 
 
  email_id: user_email_id,
  password: pwd,
  type: login_type,
  browser_det: browser_details,
  login_type: "firebase",
  "g-recaptcha-response": grecaptcha.getResponse()
  }