Как прикрутить 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
Хотелось бы поставить туда рекапчу от гугл.
А почему именно рекапчу от гугл?
Не проще поставить что-то вроде такой (нужно нажать на кнопку "поиск")
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы