Hando
@Hando
Верстак

Как настроить reCAPTCHA при отправке данных формы посредством ajax?

Добрый день, у меня форма, которая отправляется после проверки валидации посредством js, через ajax:

$('#rent_form').submit(function () {
        if ($(this).valid()) {
            $('#rent_submit').button('loading');
            var action = $(this).attr('action');
            $.ajax({
                url: action,
                type: 'POST',
                data: {
                    renttype: $('#rent_name').val(),
                    rentemail: $('#rent_email').val(),
                    rentphone: $('#rent_phone').val(),
                    rentmessage: $('#rent_message').val()
                },
                success: function () {
                    $('#rent_submit').button('reset');
                    //Use modal popups to display messages
                    $('#modalContactSuccess').modal('show');
                    $('#feedbackModal').modal('hide');
                    $('.form-control').val('');
                },
                error: function () {
                    $('#rent_submit').button('reset');
                    //Use modal popups to display messages
                    $('#modalContactError').modal('show');
                    $('#feedbackModal').modal('hide');
                    $('.form-control').val('');
                }
            });
        } else {
            $('#rent_submit').button('reset')
        }
        return false;
    });
});


Видимо мне надо как то вставить проверку капчи во время проверки на валидацию.
Валидация стандартная типа:
$('#rent_form').validate({
        onfocusout: false,
        onkeyup: false,
        rules: {
            name: "required",
            phone: "required",
            check_conf: "required",
            email: {
                required: true,
                email: true
            }
        },
        errorPlacement: function (error, element) {
            error.insertAfter(element);
        },
        messages: {
            name: "Укажите свое имя",
            phone: "Укажите свой телефон",
            check_conf: "Подтвердите согласие на обработку ваших персональных данных",
            email: {
                required: "Укажите ваш e-mail",
                email: "Введите корректный адрес почты"
            }
        }
    });

Подскажите как встроить в нее reCAPTCHA, нашел примеры только с php формой. В js не сильно силен, поэтому прошу ответить поподробнее, если это возможно, чтобы точно дошло)
  • Вопрос задан
  • 108 просмотров
Пригласить эксперта
Ответы на вопрос 1
dicem
@dicem
Как раз ваша тема:
https://developers.google.com/recaptcha/docs/verify
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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