Как прикрутить recaptcha на ajax форму?

Суть вопроса. Есть форма обратной связи без перезагрузки страницы на AJAX. Хотелось бы поставить туда рекапчу от гугл. Как это реализовать. Желательно с примерами а то я нуб.
<form class="form-horizontal" target="_blank" method="post" id="form">
            <div class="form-group">
              <label  class="col-sm-2 control-label">Ф.И.О.:</label>
              <div class="col-sm-10">
              <input class="form-control" type="text" name="name" placeholder="Имя"  required />
              </div>
            </div>
            <div class="form-group">
              <label  class="col-sm-2 control-label">Телефон:</label>
              <div class="col-sm-10">
              <input class="form-control" type="text" name="number" pattern="^[0-9]{11}$" placeholder="Телефон"  required />
              </div>
            </div>
              <div class="form-group">
              <label class="col-sm-2 control-label">Эл. почта:</label>
              <div class="col-sm-10">
                <input class="form-control"  type="email" name="email" placeholder="E-mail"  required />
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <textarea class="form-control" rows="3" name="message" placeholder="Ваше сообщение"  required></textarea>	
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <button class="btn btn-default">Отправить</button>
                <label class="sucsses">СООБЩЕНИЕ ОТПРАВЛЕННО</label>
              </div>
            </div>
          </form>

$("#form").submit(function() {
        $.ajax({
            type: "POST",
            url: "http://qwerty.developer33.ru/wp-content/themes/Alliance/mail.php",
            data: $(this).serialize()
        }).done(function() {
            $(this).find("input").val("");
            $(".sucsses").fadeIn("1500");
            setTimeout(function() { $(".sucsses").fadeOut("1500"); }, 2500);   
            $("#form").trigger("reset");
        });
        return false;
    });

<?php

$recepient = "alyans21vek@mail.ru ";

$name = trim($_POST["name"]);
$number = trim($_POST["number"]);
$email = trim($_POST["email"]);
$message = trim($_POST["message"]);

$message = "Имя: $name \nТелефон: $number \nЕmail: $email \nСообщение: $message";

$headers = 'Content-type: text/plain; charset="utf-8"';
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "From: no-reply@alliance.ru\r\n";
$headers .= "Reply-To: no-reply@alliance.ru\r\n";

$pagetitle = "Сообщение с АЛЬЯНС-сайта";
mail($recepient, $pagetitle, $message, $headers);
?>

код прилагается
  • Вопрос задан
  • 2780 просмотров
Пригласить эксперта
Ответы на вопрос 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Хотелось бы поставить туда рекапчу от гугл.
А почему именно рекапчу от гугл?
Не проще поставить что-то вроде такой (нужно нажать на кнопку "поиск")
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
YCLIENTS Москва
от 200 000 до 350 000 ₽
Ведисофт Екатеринбург
от 25 000 ₽
от 300 000 до 500 000 ₽