[Heidel]

Заказ обратного звонка

$('#order_callback_form, #callback_submit').on('submit', function (e) {
        e.preventDefault();
        var self = $(e.target);
        var submit = $('#callback_submit');
        var wrapper2 = $('.submit-button-wrapper-2');
        var loader = $('.ajax-loader', self);
        var phone = $('#callbackPhone').val();
        var check = $('#callbackCheck').val();
        var valid = true;

        if (phone.length === 0) {
            $('#callback_no_phone').removeClass('is-hidden');
            valid = false;
        } else {
            $('#callback_no_phone').addClass('is-hidden');
        }

        if (check.length !== 0) {
            valid = false;
            $('.modalmsg, #semitransparentoverlay').fadeOut('200');
        }

        if (valid) {
            wrapper2.addClass('is-hidden');
            loader.removeClass('is-hidden');
            $.getJSON(
                '/callback.php',
            self.serialize(),

            function (data) {
                wrapper2.removeClass('is-hidden');
                loader.addClass('is-hidden');
                $('#callback_response_message').text(data.message);
                $('#order_callback_form, .title-7').addClass('is-hidden');
                $('#callback_response').removeClass('is-hidden');
            });
        }
    });

    $('#order-callback .closebtn').click(function (e) {
        e.preventDefault();
        e.stopPropagation();
        $('#order-callback, #semitransparentoverlay').fadeOut('200', function () {
            $('#callbackPhone').val('');
            $('#order_callback_form, .title-7').removeClass('is-hidden');
            $('#callback_response').addClass('is-hidden');
        });
    });

Форма обратной связи

$('#contacts_form, #contacts_submit').on('submit', function (e) {
        e.preventDefault();
        var self = $(e.target);
        var submit = $('#contacts_submit');
        var wrapper = $('.submit-button-wrapper');
        var loader = $('.ajax-loader', self);
        var name = $('#contactName').val();
        var email = $('#contactEmail').val();
        var captcha = $('#contactCode').val();
        var message = $('#contactMessage').val();

        var valid = true;
        if (name.length === 0) {
            $('#contacts_no_name').removeClass('is-hidden');
            valid = false;
        } else {
            $('#contacts_no_name').addClass('is-hidden');
        }

        if (email.length === 0) {
            $('#contacts_no_email').removeClass('is-hidden');
            valid = false;
        } else {
            $('#contacts_no_email').addClass('is-hidden');

            var regexEmail = new RegExp("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$");
            if (!regexEmail.test(email)) {
                $('#contacts_wrong_email').removeClass('is-hidden');
                valid = false;
            } else {
                $('#contacts_wrong_email').addClass('is-hidden');
            }
        }

        if (captcha.length === 0) {
            $('#contacts_no_captcha').removeClass('is-hidden');
            valid = false;
        } else {
            $('#contacts_no_captcha').addClass('is-hidden');
        }

        if (message.length === 0) {
            $('#contacts_no_message').removeClass('is-hidden');
            valid = false;
        } else {
            $('#contacts_no_message').addClass('is-hidden');
        }

        if (valid) {
            wrapper.addClass('is-hidden');
            loader.removeClass('is-hidden');
            $.getJSON(
                '/contacts.php',
            self.serialize(),

            function (data) {
                wrapper.removeClass('is-hidden');
                loader.addClass('is-hidden');
                $('#semitransparentoverlay').redraw();
                $('#message .message-text').text(data.message);
                $('#message, #semitransparentoverlay').fadeIn('200');

                if (data.request === 'ok') {
                    var name = $('#contactName').val('');
                    var email = $('#contactEmail').val('');
                    var captcha = $('#contactCode').val('');
                    var message = $('#contactMessage').val('');
                }
            });
        }
    });

@темы: jQuery, Заказ обратного звонка, Форма обратной связи