Как закрыть окно после отправки формы?

Question

[ezrollers]

Есть сайт forseason.ru форма заказать звонок отправляет заявки на почту... Но как её закрыть или вывести сообщение что отправлено? я вообще ничего не понимаю. есть файл mail.php который отправляет.

Подскажите пожалуйста. =)

Comments

[Хороший UI]

Вот на этот крестик нажать или на esc :D

А вообще судя по консоли, там какая то ошибка. Вам форма приходит на почту?
А что бы закрыть после отправки формы или вывести сообщение об успешной отправке, то нужно смотреть на js код отправки. Без него ничего не скажешь

[ezrollers]

Верстальщик Ваш, А Вы можете посмотреть в консоли яваскрипт? =)) крестиком закрыть то можно, но после отправки человек не понимает ушло или нет...

Форма приходит.

[ezrollers]

Если я правильно понимаю то вот этот яваскрипт код работает при отправке этого окна

$(".callback-form").submit(function(){
		var form = $(this);
		var error = false;
		form.find('input').each( function(){
			if ($(this).val() == '') {
				$(this).addClass('error');
				error = true;
			}
		});
		if (!error) {
			var data = form.serialize();
			$.ajax({
			   type: 'POST',
			   url: 'mail.php',
			   dataType: 'json',
			   data: data,
		       beforeSend: function(data) {
		            form.find('input[type="submit"]').attr('disabled', 'disabled');
		          },
		       success: function(data){
		       		if (data['error']) {
		       			console.log(data['error']);
		       		} else {
			       		form.slideUp(300);
			   			$('#m-callback').find('.status').slideDown(300);
		       		}
		         },
		       error: function (xhr, ajaxOptions, thrownError) {
		            console.error(xhr.status);
		            console.error(thrownError);
		         },
		       complete: function(data) {
		            form.find('input[type="submit"]').prop('disabled', false);

		         }

			     });
		}
		return false;
	});

[Хороший UI]

ezrollers, при успешной отправке у вас вот что должно вылезать

Дело в том, что отправка каждый раз не успешная. Я выше спросил, вам на почту приходят письма?

[ezrollers]

Верстальщик Ваш, да, всё приходит... у менять просто догадка есть что возможно что то связанно с форматом данных,

это в mail.php

$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n"; // указывает на тип посылаемого контента

а это в яваскрипте
dataType: 'json',

[Хороший UI]

Да, я как раз вам собирался писать про это ezrollers,

Поменяйте на html



Так как js ожидает получить json, но получает не его

[ezrollers]

Верстальщик Ваш, Спасибо за помощь чайнику!!!! всё случилось....алилуия

[Хороший UI]

ezrollers, пожалуйста!) Можете отметить комментарий как ответом)

Answer 1

[Хороший UI]

Необходимо было поменять в коде строчку

dataType: 'json'

На

dataType: 'html'

Так как ответ не приходил в виде json, а приходил в виде html

Answer 2

[Антон]

$(".callback-form").submit(function(){
		var form = $(this);
		var error = false;
		form.find('input').each( function(){
			if ($(this).val() == '') {
				$(this).addClass('error');
				error = true;
			}
		});
		if (!error) {
			var data = form.serialize();
			$.ajax({
			   type: 'POST',
			   url: 'mail.php',
			   dataType: 'json',
			   data: data,
		       beforeSend: function(data) {
		            form.find('input[type="submit"]').attr('disabled', 'disabled');
		          },
		       success: function(data){
		        if(data.result='success') {
                                  $(form).html(data.text);
				setTimeout(function() {
					$('#modal').modal('hide');
					window.location.reload();
				}, 3000)
                           }
		         },
		       error: function (xhr, ajaxOptions, thrownError) {
		            console.error(xhr.status);
		            console.error(thrownError);
		         },
		       complete: function(data) {
		            form.find('input[type="submit"]').prop('disabled', false);

		         }

			     });
		}
		return false;
	});

В php в условии успешной отправки

die(json_encode(array('result' => 'success', 'text' = 'спасибо бла бла бла')));