我试图在我的一种形式中实现 reCAPTCHA，但我使用 ajax 作为提交。（更具体地说，原型 ajax.updater）
一旦我提交并错误检查我的表单，我会尝试加载 reCAPCHTA 小部件（在我更新的 div 元素中），它基本上只是调用一个 javascript 文件，如下所示：
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6Le6SwUAAAAAAIWm8wCRFd8SrI-H0R1Yx4Tkw2Ks"></script>
但是没有读取 JS 文件？...我已经在 ajax.updater 中尝试了 evalScripts:true 和 evalJS:'force' 等的所有组合.....但是我认为我没有很好理解为什么 js 文件没有处理:(
如果有人能对这个问题有所了解，我将不胜感激。
谢谢，安德鲁
This doesn't address your exact problem, but 'Dark Side of the Carton' has some excellent code for validating reCAPTCHA via jQuery AJAX which might help.
In summary:
Add the following Javascript:
$(function() {
function validateCaptcha() {
var challengeField = $('input#recaptcha_challenge_field').val(),
responseField = $('input#recaptcha_response_field').val();
// alert(challengeField);
// alert(responseField);
// return false;
var html = $.ajax({
type: 'POST',
url: 'ajax.recaptcha.php',
data: "recaptcha_challenge_field=" + challengeField + "&recaptcha_response_field=" + responseField,
async: false
}).responseText;
if (html.replace(/^\s+|\s+$/, '') == "success") {
$('#captchaStatus').html(' ');
// Uncomment the following line in your application
return true;
} else {
$('#captchaStatus').html(
'Your captcha is incorrect. Please try again'
);
Recaptcha.reload();
return false;
}
}
// Modified as per comments in site to handle event unobtrusively
$('#signup').submit(function() {
return validateCaptcha();
});
});
Then add the ajax.recaptcha.php file which: "outputs only the word “success” if the captcha matches and a message and the response from reCaptchta if it fails. This is important because we are looking for the word success in our validateCaptcha() function."
require_once('/inc/recaptchalib.php');
$publickey = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXX'; // you got this from the signup page
$privatekey = 'XXXXXXXXXXXXXXXXXXXXXXXXXXXX';
$resp = recaptcha_check_answer(
$privatekey,
$_SERVER['REMOTE_ADDR'],
$_POST['recaptcha_challenge_field'],
$_POST['recaptcha_response_field']
);
if ($resp->is_valid) {
?>success< ?
} else {
die(
"The reCAPTCHA wasn't entered correctly. Go back and try it again." .
"(reCAPTCHA said: " . $resp->error . ")"
);
}
The example is in PHP, but I adapted it easily to work with Zope/Python
小心使用任何类型的客户端脚本，例如 JavaScript，进行验证。您无法控制最终用户的浏览器。验证码的目的是防止自动提交表单。任何足够复杂的人都可以设置它，在覆盖您的 JavaScript 验证和 CAPTCHA 检查时不会有问题。例如，他们可以将 validateCaptcha() 设置为始终返回 true，从而绕过您的仔细检查 - 或者只是禁用 JavaScript。
话虽如此，使用 ajax 执行整个表单提交并使用 CAPTCHA 检查的结果来确定表单是否得到处理并没有错。
重要的一点是，是否处理表单的决定必须在服务器端做出，而不是在客户端。
回答我自己的问题...
有一个 reCAPTCHA AJAX api....这是解决这个问题的简单方法：
此外，.. http://www.prototypejs.org/api/ajax/updater网站上的文档......讨论了 evalscript 选项以及如何仅通过本机 eval() 函数放置任何 javascript.. ..哪种让我对尝试使用 WMD 实施错误检查感到困惑...但那是另一回事了。
安德鲁
调用 Recaptcha.reload(); 在你的 Ajax 代码中的回调事件上，它会在每次提交 Ajax 时重新加载新的 Recapcha
如果那是您正在使用的文字代码片段，那么您还没有关闭标签......所以它不会被评估。
嗨朋友我找到了答案
https://developers.google.com/recaptcha/docs/display?hl=es#AJAX
在这如何验证
http://blog.reaccionestudio.com/comprobar-recaptcha-con-ajax-usando-jquery/
为你成功
使用 reCaptcha 保护 AJAX 调用
function performAJAX() {
let captcha = $('[name=g-recaptcha-response]');
$.ajax({
url: 'ajaxHandler.html',
data: {
captcha: (captcha.length?captcha[0].value:''),
// other data fields
},
});
}
reCaptcha当使用 jQuery 的.load()方法加载到页面中时，我遇到了类似的问题。这是一个具有新颖解决方案的页面：http: //www.maweki.de/wp/2011/08/recaptcha-inside-a-with-jquery-ajax-or-load-dynamically-loaded-object/
基本上 reCaptcha API 使用 document.write 方法来显示 reCaptcha。当您使用 jQuery 时，这将不起作用。使用此 PHP 代码代替加载recaptcha.js
<?php
$api = file_get_contents('http://www.google.com/recaptcha/api/js/recaptcha_ajax.js');
$api = str_replace('document.write','$("body").append',$api);
echo $api;
?>
它只是查找 document.write 并将其替换为$(selector).append.
使我的实施工作。