Суть в следующем - есть две формы в них нужно вставить две инвизибл рекапчи и отправить эти две формы через ajax.
HTML код:
<script type="text/javascript" src="/main.js"></script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
<form id="ShoppingCartFormFast">
<div id="recaptchaFast"></div>
<input type="button" id="SubmitOrderingFast" onClick="CheckBeforeSubmit('#ShoppingCartFormFast');" value="отправить" />
</form>
<form id="ShoppingCartFormStandart">
<div id="recaptchaStandart"></div>
<input type="button" id="SubmitOrderingStandart" onClick="CheckBeforeSubmit('#ShoppingCartFormStandart');" value="отправить" />
</form>
Содержимое main.js :
var captchaFast, captchaStandart,
onloadCallback = function() {
mysitekey = 'blabla';
captchaFast = grecaptcha.render('recaptchaFast', {
'sitekey' : mysitekey,
'size' : 'invisible'
});
captchaStandart = grecaptcha.render('recaptchaStandart', {
'sitekey' : mysitekey,
'size' : 'invisible'
});
};
//Проверка формы
function CheckBeforeSubmit(form){
console.log(grecaptcha.Respnse(captchaFast));
}
При этом grecaptcha.Respnse(captchaFast) все время возвращает пустое значение. Почему ?