在一个表单中添加多个reCAPTCHA是可能的吗?我尝试过这样做,甚至为多个reCAPTCHA分配了不同的ID,但是当我在浏览器中加载页面时,只显示其中一个。
这是设计上的问题吗?我需要两个reCAPTCHA,因为一个是用于登录,另一个是用于注册表单,它们将在同一页上显示。
谢谢! WT
每个页面只支持一个验证码。您可以使用AJAX在表单加载后加载验证码。
function doSomething(challenge){
$(':input[name=recaptcha_challenge_field]').val(challenge);
$('img.recaptcha').attr('src', '//www.google.com/recaptcha/api/image?c='+challenge);
}
//Called on Recaptcha.reload()
Recaptcha.finish_reload = function(challenge,b,c){
doSomething(challenge);
}
//Called on page load
Recaptcha.challenge_callback = function(){
doSomething(RecaptchaState.challenge)
}
Recaptcha.create("YOUR_PUBLIC_KEY");
验证码包含一个img元素#recaptcha_challenge_image,所以在你将reCAPTCHA设置在一个名为“regCaptch”的div中之后,获取该img的src属性,将你的另外一个验证码div的HTML设置为旧的HTML,然后将#recaptcha_challenge_image的src设置为你获取到的src。以下是一个可行的示例:
var reCaptcha_src = $('#recaptcha_challenge_image').attr('src');
$('#texo').html($('#regCaptch').html());
$('#recaptcha_challenge_image').attr('src',reCaptcha_src);