Отправьте форму, оставаясь на той же странице с начальной загрузкой 4 модальной - PullRequest
Новая
       9

Отправьте форму, оставаясь на той же странице с начальной загрузкой 4 модальной

0 голосов
/ 11 декабря 2018

Я хочу остаться на той же странице после отправки формы с помощью Jquery и ajax, но не работает.Я использую bootstrap 4, моя контактная форма в модале.

Спасибо за вашу помощь!

$(function () {
    window.verifyRecaptchaCallback = function (response) {
        $('input[data-recaptcha]').val(response).trigger('change');
    }

    window.expiredRecaptchaCallback = function () {
        $('input[data-recaptcha]').val("").trigger('change');
    }
    $('#contact-form').validator();

    $("#contact-form").submit(function (event) {
        var url = "contact.php";
        if ($("#contact-form input").hasClass("inputempty")) {
            event.preventDefault();
            $("#contactmessages").html('<div class="alert alert-danger alert-dismissable">Veuillez remplir tous les champs correctement<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button></div>')
        } else if ($("#contact-form input").hasClass("inputerror")) {
            event.preventDefault();
            $("#contactmessages").html('<div class="alert alert-danger alert-dismissable">Veuillez remplir tous les champs correctement<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button></div>')
        } else {
            $.ajax({
                type: "POST", url: url, data: $(this).serialize(), success: function (data) {
                    var messageAlert = 'alert-' + data.type;
                    var messageText = data.message;
                    var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + messageText + '</div>';
                    if (messageAlert && messageText) {
                        $('#contact-form').find('#contactmessages').html(alertBox)
                    }
                }
            });
            return !1
        }
    })
})
...