Ошибка GettUncaught: элемент-заполнитель reCAPTCHA должен быть пустым; загружается только один раз - PullRequest
Новая
       89

Ошибка GettUncaught: элемент-заполнитель reCAPTCHA должен быть пустым; загружается только один раз

0 голосов
/ 17 февраля 2020

Я получаю следующую ошибку при использовании невидимой капчи v2

recaptcha__en. js: 513 Uncaught Ошибка: заполнитель reCAPTCHA должен быть пустым в YG (recaptcha__en. js: 513) в recaptcha__en. js: 520 в Array.forEach () в pG (recaptcha__en. js: 520) в xG (recaptcha__en. js: 517) в recaptcha__en. js: 507 при j $ (recaptcha__en. js: 304) в RZ (recaptcha__en. js: 507) в recaptcha__en. js: 523 в recaptcha__en. js: 543

Я искал, но везде говорит Вы загружаете скрипт несколько раз, что я думаю, я не делаю

Network Activity

Ниже приведен мой код 


    <div class="osnlogin-button">
        <a type="submit" href="" id="recaptcha-submit" class="osnlogin-signin-btn g-recaptcha"><span class="signin lightboxed">Login</span></a>
    </div>
    <div class="g-recaptcha" data-sitekey="xxx" data-bind="recaptcha-submit" data-callback="onCapchaValidated">
    </div>


    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    var onCapchaValidated = function () {
        $('#loginForm').submit();
    };

1 Ответ

0 голосов
/ 17 февраля 2020

Просто исправил. Использовал класс "g-recaptcha" для более чем одного атрибута. Я думаю, что это должно быть только на одном элементе на странице.

Оригинал 

 <div class="osnlogin-button">
    <a type="submit" href="" id="recaptcha-submit" class="osnlogin-signin-btn g-recaptcha"><span class="signin lightboxed">Login</span></a>
</div>
<div class="g-recaptcha" data-sitekey="xxx" data-bind="recaptcha-submit" data-callback="onCapchaValidated">
</div>

Обновлено 

<div class="osnlogin-button">
    <a type="submit" href="" id="recaptcha-submit" class="osnlogin-signin-btn"><span class="signin lightboxed">Login</span></a>
</div>
<div class="g-recaptcha" data-sitekey="xxx" data-bind="recaptcha-submit" data-callback="onCapchaValidated">
</div>

Наконец-то сработало

...