Показать сообщение отдельно
  #10 (permalink)  
Старый 28.02.2018, 01:41
Аватар для lugantsev_web
Новичок на форуме
Отправить личное сообщение для lugantsev_web Посмотреть профиль Найти все сообщения от lugantsev_web
 
Регистрация: 28.02.2018
Сообщений: 1

Методом проб и ошибок, пришел к такому выводу:
// =========================================================================  contact_form
$(function() {
    //Функция проверяет заполнено ли поле с телефоном
    function formValide() {         
        var str = $('#contact_form input[name=contactFF]').val();
        str = jQuery.trim(str);                
        if(str.length < 5){                
            alert ('Введите телефон');          
            return false;
        }   
        return true;
    }
 
    //при нажатии на кнопку button нужной формы запускаем функцию обработки данных
    $('#contact_form .button').on('click', function() {
        if (formValide()) {
            //если форма прошла проверку, выводим блок с текстом ожидания
            $('#contact_form').before('<h3 id="contact_form_info">Обработка...</h3>');
            $('#contact_form').hide();
            //берем путь php обработчика
            order_url = $('#contact_form').attr('action');          
            //посылаем асинхронный запрос на сервер и передаем все данные формы
            $.post(order_url,{
                    nameFF: $('#contact_form input[name=nameFF]').val(),
                    contactFF: $('#contact_form input[name=contactFF]').val(),
                    send: "1"
                }, function(data) {
                    //выводим возврашаемый сервером код html вместо содержимого формы
                $('#contact_form').html(data);
                $('#contact_form').show();
                $('#contact_form_info').remove();
            }, "html");         
        }
        return false;
    });
});
 
// =========================================================================  go_order
$(function() {
    //фкнкция вызова формы обратной связи
    $('#callback').click(function(){
        //появление окна обратной связи
        $('#popup').fadeIn();
        //добавляем к окну иконку закрытия
        $('#popup').append('<a id="popup_close"></a>');
        //расчитываем высоту и ширину всплывающего окна что бы вывести окно прямо по центру экрана
        q_width = $('#popup').outerWidth()/-2;
        q_height = $('#popup').outerHeight()/-2;
        $('#popup').css({
            'margin-left': q_width,
            'margin-top': q_height
        });
        //выводим затемение страницы и делаем полупрозрачным
        $('body').append('<div id="fade"></div>');
        $('#fade').css({'filter' : 'alpha(opacity=40)'}).fadeIn();
		//функция закрытия окна
		$('#popup_close, #fade').click(function(){
			$('#fade').fadeOut(function() {
				$('#fade').remove();
				$('#popup_close').remove();
				$('#popup').fadeOut();
			});
		});

        return false;
    });
});


И не забудьте сбросить кеш (ctrl + f5) !!!
Ответить с цитированием