如何在保留reCaptcha脚本的同时使用jQuery/AJAX加载reCaptcha表单？

Question

我使用JQuery/AJAX将我的联系表单加载到我的页面中。

联系表格包含reCaptcha脚本。

不幸的是，JQuery在将脚本标签插入到我的页面之前删除脚本标签。这些脚本标记是必需的，因为它们输出验证码。现在我的加载表单没有验证码。

Answer 1

的链接有所有你需要：http://code.google.com/apis/recaptcha/docs/display.html

在阿贾克斯不能添加脚本。你应该之前添加以下行：

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

然后，您可以动态地在你的js代码创建一个reCAPTCHA的形式通过加入以下代码：

Recaptcha.create("your_public_key", 
    "element_id", 
    { 
     theme: "red", 
     callback: Recaptcha.focus_response_field 
    } 
); 

Answer 2

@benck，伟大的答案！但它变得有点过时了。当前脚本网址是：

<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script> 

和代码应该象下面这样：

grecaptcha.render('element_id', { 
    sitekey: recaptchaSiteKey, 
    callback: function(response) { 
     console.log(response); 
    } 
});