Показать сообщение отдельно
  #1 (permalink)  
Старый 30.07.2015, 09:52
Аватар для Duda.Ml1986@gmail.com
Профессор
Отправить личное сообщение для Duda.Ml1986@gmail.com Посмотреть профиль Найти все сообщения от Duda.Ml1986@gmail.com
 
Регистрация: 01.09.2011
Сообщений: 263

Формы отправки сообщений
Всем привет,

Есть сайт на котором люди могут отправлять формы предварительно заполнив поля, после нажатия кнопки отправки проходит валидация в js, потом аяксом отправляется. Возможно у вас есть решения более эффективные? Потому что когда на сайте 5 форм повторяемость кода ужасает.

Код ниже аналогичен для другой формы, в ней может меняться количество полей и содержание.
Спасибо.

Как сделать лучше?


Код обработки одной формы.
var free_call = new Object();
    $('#sendButton').click(function(e) {
        free_call.name = $('#freeCallButtonName').val();
        free_call.email = $('#freeCallButtonEmail').val();
        free_call.phone = $('#freeCallButtonPhone').val();
        free_call.city = $('#freeCallButtonCity').val();
        free_call.time_to_call = $('#freeCallButtonMessage').val();
        errorValidation = false;
        if (free_call.city == 'ВВЕДИТЕ ГОРОД')
        {
            errorValidation = true;
            $('#freeCallButtonCity').css('color','red');

            setTimeout(function() {
                $('#freeCallButtonCity').css('color','#02b6f5');

            }, 2500);
        }
        if (free_call.name == 'ВВЕДИТЕ ИМЯ')
        {
            errorValidation = true;
            $('#freeCallButtonName').css('color','red');

            setTimeout(function() {
                $('#freeCallButtonName').css('color','#02b6f5');

            }, 2500);
        }
        if (free_call.email == 'ВВЕДИТЕ EMAIL')
        {
            errorValidation = true;
            $('#freeCallButtonEmail').css('color','red');

            setTimeout(function() {
                $('#freeCallButtonEmail').css('color','#02b6f5');

            }, 2500);
        }
        if (free_call.phone == 'ВВЕДИТЕ ТЕЛЕФОН')
        {
            errorValidation = true;
            $('#freeCallButtonPhone').css('color','red');

            setTimeout(function() {
                $('#freeCallButtonPhone').css('color','#02b6f5');

            }, 2500);
        }
        if (errorValidation == false){

            ga('send','event', 'Offer','FreeCall');

            if(activationButton == 'topcall')
            {
                ga('send','event', 'Offer','FreeCallTop');

            } else if (activationButton == 'botcall')
            {
                ga('send','event', 'Offer','FreeCallBot');

            } else if (activationButton == 'concall')
            {
                ga('send','event', 'Offer','FreeCallCon');
            }

            $.ajax({
                type: "POST",
                url: "/",
                data: {
                    'action': 'ajax',
                    'form': 'freeCall',
                    'name': free_call.name,
                    'urlaction': location.href,
                    'email': free_call.email,
                    'phone': free_call.phone,
                    'city': free_call.city,
                    'message': free_call.time_to_call
                }
            })
            .done(function( msg ) {
                $('#freeCallButtonName').val('ВВЕДИТЕ ИМЯ');
                $('#freeCallButtonEmail').val('ВВЕДИТЕ EMAIL');
                $('#freeCallButtonPhone').val('ВВЕДИТЕ ТЕЛЕФОН');
                $('#freeCallButtonCity').val('ВВЕДИТЕ ГОРОД');
                $('#freeCallButtonMessage').val('ВВЕДИТЕ УДОБНОЕ ДЛЯ ЗВОНКА ВРЕМЯ');
                $('#freeCallButtonPopUp').bPopup().close();
                $('#thanks h2').text('Спасибо за ваш запрос');
                $('#thanks').bPopup({});
                setTimeout(function() {
                    $('#thanks').bPopup().close();
                }, 2500);
            });
        }
    })
Ответить с цитированием