Fala galera blz ? estou precisando de um help implementei na mesma página 3 recaptchas.
<form id='form1'><div class="g-recaptcha" id="Login" data-sitekey="minhakey"></div></form>
<form id='form2'><div class="g-recaptcha" id="reset" data-sitekey="minhakey"></div></form>
<form id='form3'><div class="g-recaptcha" id="email" data-sitekey="minhakey"></div></form>
dai no meu arquivo js coloquei o seguinte cod.
var CaptchaCallback = function(){
$('.g-recaptcha').each(function(index, el) {
grecaptcha.render(el, {'sitekey' : 'minhakey'});
});
};
e por fim no rodapé
<script src="https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer>
ate ai tudo bem.
ele gera a pagina com os 3 forms e os 3 reCAPTCHAS
o problema é na validação
quando utilizo o grecaptcha.getResponse()
ele só funciona para o primeiro recaptcha. para os outros 2 não funciona
dai achei no google que se eu uzar desta forma funcionaria
grecaptcha.getResponse(elementId);
então utilizei var response = grecaptcha.getResponse(reset);
so que ao fazer isso ao invés dele gravar na variavel response ele faz um request na minha pagina com a response e minha pagina atualiza com a url do meu site + o response
por gentileza alguém já enfrentou este problema ou alguém sabe como resolver? agradeço dês de já;
eu fiz como vc disse:
var reLogin;
var reLost;
var reRegister;
var onloadCallback = function() {
var reLogin = grecaptcha.render($('#reLogin')[0], {'sitekey' : '6LcZ-wsUAAAAAOkcUWs5OiVIQW6Td2aIYPf8aMxe'});
var reLost = grecaptcha.render($('#reLost')[0], {'sitekey' : '6LcZ-wsUAAAAAOkcUWs5OiVIQW6Td2aIYPf8aMxe'});
var reRegister = grecaptcha.render($('#reRegister')[0], {'sitekey' : '6LcZ-wsUAAAAAOkcUWs5OiVIQW6Td2aIYPf8aMxe'});
};
e na minha validação no onclick
alert(grecaptcha.getResponse(reLost));
só que o alert vem vasio.