Recaptcha исчезает после обновления страницы?

Question

[Nubbin]

Добрый день, все никак не могу понять почему после обновления страницы исчезает recaptcha v2.

<script type="text/javascript">
        var onloadCallback = function() {
            grecaptcha.render('html_element', {
                'sitekey' : '6*****'
            });
        };
    </script>


<div id="html_element"></div>


<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
        async defer>
</script>

Первый раз выводит хорошо, а вот когда обновляешь страницу выходит вот это:

Uncaught Error: ReCAPTCHA placeholder element must be an element or id

Answer 1

[Илья Герасимов]

Скрипт загрузился, DOM не отрендерился
Нужно словить момент когда recaptcha загрузится и DOMContentLoaded

Comments

[Nubbin]

Как можно это исправить?

[Илья Герасимов]

Nubbin, по разному видел, в разных ситуациях, по таймеру (1s) проверяют все ли готово после чего рендерят капчу и убивают таймер, этот вариант в прицепи может жить, некоторые выносят api.js в head и убирают async defer, а в секции тут</body> рендерят капчу, такое себе, попробуй как-нибудь, тебе главное чтобы DOM был готов и api.js загрузилось

[Nubbin]

все решил, проблему.

Answer 2

[Антон]

Встретился с той же проблемой, причем, на одной странице без проблем прогружаются 3 рекапчи в разных местах ДОМа, а на одной странице в одну из форм категорически отказался грузится, хотя с виду, с загрузкой все нормально.
Пришлось навешивать сеттаймаут

setTimeout(function() {
		captcha4 = grecaptcha.render(document.getElementById('feedbackc'), {
		'sitekey' : mysitekey
		});
	}, 1000)