Итак,
Я столкнулся с таким поведением в одном из своих проектов, поэтому решил попробовать пример кода Google Recaptcha, чтобы выяснить, в чем дело.
Код похож на:
<script type="text/javascript">
var onloadCallback = function() {
var widgetId1;
var widgetId2;
widgetId1 = grecaptcha.render('html_element', {
'sitekey' : 'My-Site-Key'
});
widgetId2 = grecaptcha.render('html_element2', {
'sitekey' : 'My-Site-Key'
});
};
</script>
<form action="javascript:alert(grecaptcha.getResponse(widgetId1));">
<div id="html_element"></div>
<br>
<input type="submit" value="getResponse">
</form>
<br>
<!-- Resets reCAPTCHA widgetId2 upon submit. -->
<form action="javascript:grecaptcha.reset(widgetId2);">
<div id="html_element2"></div>
<br>
<input type="submit" value="reset">
</form>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
async defer>
</script>
Даже с этим примером кода из документации Google страница все еще вызывает один и тот же файл recaptcha__en.js несколько раз.
Кто-нибудь испытывает это?
У кого-нибудь есть решение?
Спасибо
EDIT:
Вот скриншот происходящего:
скриншот консоли
РЕДАКТИРОВАТЬ 2:
Вот jsFiddle с примером кода и примерами ключей сайта:
jsFiddle