2

Помогите пожалуйста решить проблему. Есть HTML форма обратной связи с ajax запросом. Не могу прикрутить к ней reCAPTCHA. Без ajax все работает нормально (Форма отправляет письмо только в случае валидации каптчи), а вот с ajax не получается, она просто отправляется без каптчи

Ajax запрос

$(document).ready(function() {

$("#feedback-form").submit(function() {
    $.ajax({
        type: "POST",
        url: "send.php",
        data: $(this).serialize()
    }).done(function() {
        $(this).find("input").val("");

        $("#feedback-form").trigger("reset");
        document.getElementById('results' ).style.display = 'block';
    });
    return false;
});

});

PHP обработчик

    if($_SERVER['REQUEST_METHOD'] == 'POST') {
    if (empty($_POST['g-recaptcha-response'])) {
        exit('Empty');
    }

    $url = 'https://www.google.com/recaptcha/api/siteverify';

    $recaptcha = $_POST['g-recaptcha-response'];
    $secret = 'мой_секретный_ключ';
    $ip = $_SERVER['REMOTE_ADDR'];

    $url_data = $url.'?secret='.$secret.'&response='.$recaptcha.'&remoteip='. $ip;

    $curl = curl_init();

    curl_setopt($curl, CURLOPT_URL, $url_data);
    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);

    curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);

    $res = curl_exec($curl);
    curl_close($curl);

    $res = json_decode($res);

    if($res->success) {
        echo 'YES';
    }
    else {
        exit('Error');
    }
}

    if((isset($_POST['name'])&&$_POST['name']!="")
                         &&(isset($_POST['email'])&&$_POST['email']!="")
                         &&(isset($_POST['message'])&&$_POST['message']!="")) {

        $to = "почта";

        $name = trim($_POST["name"]);
        $email = trim($_POST["email"]);
        $message = trim($_POST["message"]);
        $message = "Имя: $name \nEmail: $email \nСообщение: $message";

        $pagetitle = "Новое сообщение";
        mail($to, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $email");
}
5
  • Попробуй процесс отправки вставить вот в это условие if($res->success) { echo 'YES'; }
    – zkolya
    13 фев 2016 в 11:02
  • Да, так работает, спасибо (на саму почту сообщение приходит только в случае проверки капчи). А вот как сделать валидацию в ajax до отправки к обработчику? Чтобы в случае, если каптча пропущена, то просит ввести её.
    – Vladislav
    13 фев 2016 в 11:14
  • По сути,я так понимаю у Вас это уже реализовано ,просто необходимо поработать с условием else если капча не пройдена. Попробуйте поэкспериментировать с echo,затем уже в js принимать ответ от сервера и работать с ним
    – zkolya
    13 фев 2016 в 11:34
  • Да вот пробую, но пока что-то не выходит :(
    – Vladislav
    13 фев 2016 в 12:30
  • @Vladislav В мозиле через консоль посмотрите для начала, какие данные уходят методом post с помощью ajax. Присутствует ли там g-recaptcha-response со значением? Вопрос у Вас простой, помочь могу без проблем! Вот вчера только помог решить вопрос по этой же капче. Ссылка на stackoverflow 8 июн 2017 в 10:28

1 ответ 1

4

Можно получить ключ с помощью grecaptcha.getResponse();

$(document).ready(function() {

$("#feedback-form").submit(function() {

    var _formData = $(this).serialize();
    _formData['g-recaptcha-response'] = grecaptcha.getResponse();

    $.ajax({
        type: "POST",
        url: "send.php",
        data: _formData
    }).done(function() {
        $(this).find("input").val("");

        $("#feedback-form").trigger("reset");
        document.getElementById('results' ).style.display = 'block';
    });
    return false;
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.