JQuery - call_back

part_3

by Denis Tverdokhlebov

HTML

$('document').ready(function(){

	$('#call-form .btn').click(function(e){
    // отмена стандартного поведения кнопки
    e.preventDefault();

    var name = $('#name').val(),
    phone = $('#phone').val(),
    message = $('#call-result');

    message.html('<button class="close-btn">X</button>');

    $.ajax({
    	url: 'order.php',
    	type: 'POST',
    	data: {name: name, phone: phone},

    	success: function(res){
    		if(res == 'ok'){
      // если сообщение отправлено
      message.append('<p>Спасибо, '+name+'. Ваша заявка принята. Наш менеджер скоро свяжется с Вами</p>').css({'display':'block'});
  }else{
      // если сообщение не отправлено
      if(res == 'wrong_phone'){
      	message.append('<p>Неверно заполнено поле "Номер телефона"</p>').css({'display':'block'});
      } else if(res == 'wrong_name'){
      	message.append('<p>Неверно заполнено поле "Имя"</p>').css({'display':'block'});
      } else {
      	message.append('<p>Неверно заполнены поля формы</p>').css({'display':'block'});
      }
  }
},

error: function(){
	alert('Error!');
}
});

    $('.close-btn').click(function(){
    	message.html('').css({'display':'none'});
    });
});
});