Всем привет,
Есть сайт на котором люди могут отправлять формы предварительно заполнив поля, после нажатия кнопки отправки проходит валидация в 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);
});
}
})