Почему не работает reCAPTCHA?

Всем привет. Подскажите пожалуйста, почему не срабатывает reCAPTCHA? Если подробнее, то invisible reCAPTCHA + AJAX. Я использую сайт на примере из этого репозитория: 2-ajax. Вот ссылка на этот сайт, который я разместил на своем домене. После заполнения формы и ее отправки приходит информация, что форма успешно отправлена, но при этом сама reCAPTCHA не появляется. Ключи ввел верные. Для наглядности даю код.

<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="utf-8">
  <title>Форма обратной связи</title>
  <link rel="stylesheet" href="feedback/css/bootstrap.min.css">
  <!-- Подключаем API Google reCAPTCHA -->
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>

<body>
  <h1 class="text-center">Форма обратной связи</h1>
  <!-- Split button -->
  <hr>
  <div class="container">
    <div class="row">
      <div class="col-sm-6 col-sm-offset-3">
        <!-- Контейнер, содержащий форму обратной связи -->
        <div class="panel panel-info">
          <!-- Заголовок контейнера -->
          <div class="panel-heading">
            <h3 class="panel-title">Форма обратной связи</h3>
          </div>
          <!-- Содержимое контейнера -->
          <div class="panel-body">

            <!-- Сообщение, отображаемое в случае успешной отправки данных -->
            <div class="alert alert-success success-send hidden" role="alert">
              <strong>Внимание!</strong> Форма была успешно отправлена.
            </div>

            <!-- Форма обратной связи -->
            <form id="messageForm" enctype="multipart/form-data" novalidate>
              <div class="row">

                <div class="error col-sm-12" style="color: #ff0000; margin-top: 5px; margin-bottom: 5px;"></div>

                <div class="col-sm-6">
                  <!-- Имя пользователя -->
                  <div class="form-group has-feedback">
                    <label for="name" class="control-label">Введите ваше имя:</label>
                    <input id="name" type="text" name="name" class="form-control" required="required" value="" placeholder="Например, Иван Иванович" minlength="2" maxlength="30">
                    <span class="glyphicon form-control-feedback"></span>
                  </div>
                </div>
                <div class="col-sm-6">
                  <!-- Email пользователя -->
                  <div class="form-group has-feedback">
                    <label for="email" class="control-label">Введите адрес email:</label>
                    <input id="email" type="email" name="email" class="form-control" required="required" value="" placeholder="Например, ivan@mail.ru" maxlength="30">
                    <span class="glyphicon form-control-feedback"></span>
                  </div>
                </div>
              </div>

              <!-- Сообщение пользователя -->
              <div class="form-group has-feedback">
                <label for="message" class="control-label">Введите сообщение:</label>
                <textarea id="message" name="message" class="form-control" rows="3" placeholder="Введите сообщение, состоящее не менее чем из 20 символов и не более чем из 500" minlength="20" maxlength="500" required="required"></textarea>
              </div>

              <!-- Файлы, для прикрепления к форме -->
              <div class="form-group">
                <p style="font-weight: 700;">Прикрепить к сообщению файлы (максимум <span id="countFiles"></span>):</p>
                <!-- Файл -->
                <input type="file" name="files[]">
                <p style="margin-top: 3px; margin-bottom: 3px; color: #ff0000;"></p>
              </div>

              <hr style="margin-top: 3px; margin-bottom: 3px;">

              <!-- invisible reCaptcha -->
              <div id="recaptcha" class="g-recaptcha" data-sitekey="6LfDP60UAAAAAIX6YUia1oG5TJFHKdw64sxDcWjn" data-callback="onSubmitReCaptcha" data-size="invisible"></div>

              <!-- Кнопка, отправляющая форму по AJAX -->
              <button id="submit" class="btn btn-primary pull-right" name="send-message">Отправить сообщение</button>

            </form>
            <!-- Конец формы -->
          </div>
        </div>
        <!-- Конец контейнера -->

      </div>
    </div>
  </div>

  <script src="feedback/js/jquery-1.12.4.min.js"></script>
  <script src="feedback/js/bootstrap.min.js"></script>
  <script src="feedback/script.js"></script>
</body>

</html>
  • Вопрос задан
  • 2549 просмотров
Пригласить эксперта
Ответы на вопрос 1
dimonchik2013
@dimonchik2013
non progredi est regredi
маловато кода

если ошибка актуальна - см. Хром + F12
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы