Почему не работает форма отправки Javascript?

Question

[fernaton]

При попытке отправить в браузере вылезает ошибка "Подтвердите действие. Произошла какая то ошибка"

<div class="success">Ваша заявка отправлена!</div>
	<!-- Modal -->
	<div class="modal fade" id="call" tabindex="-1" role="dialog">
	  <div class="modal-dialog" role="document">
	    	<div class="modal-content">
		      	<div class="modal-header">
		       		<h2 class="modal-title">Обратный звонок</h2>
		        	<h4>Заполните поля и мы перезвоним<br>Вам в ближайшее время</h4>
		        	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          	<span>&times;</span>
		        	</button>
		      	</div>
	      	<div class="modal-body">
	      		<form action="" method=post>
<input class=name name=fio type=text required placeholder="Ваше имя">
<input class=name name=gorod type=text required placeholder="Ваш город">
<input class=tel name=phone type=text required placeholder="Ваш телефон">
<button type=submit >Перезвоните мне</button>
</form>
	      	</div>
	    </div>
	  </div>
	</div>

$('.modal').on('hidden.bs.modal', function (e) {
	  $('input:not(.type)', $(this)).val('');
	});
	$('form').submit(function(e){
	    e.preventDefault();
		var form_data = {
			'fio':$(".fio", $(this)).val(),
			'phone':$(".phone", $(this)).val(),
			'gorod':$(".gorod", $(this)).val(),
		};
		$.ajax({
		  type: "POST",
		  url: "mail.php",
		  data: form_data,
		  success: function(){
		    $('.modal').modal('hide');
		    setTimeout(function() {
		    	$('.success').fadeToggle();
		    }, 1000);
		    setTimeout(function() {
		    	$('.success').fadeToggle();
		    }, 2500);
		  },
		  error: function() {
		  	alert("Произошла какая то ошибка!");
		  }
		}); 
	});

<?php 

if ($_SERVER["REQUEST_METHOD"] == "POST") {
 if (isset($_POST['fio'])) {$name = $_POST['fio'];}
 if (isset($_POST['phone'])) {$phone = $_POST['phone'];}
 if (isset($_POST['gorod'])) {$gorod = $_POST['gorod'];}
 $to = "[e-mail]";/
 $subject = "Сообщение с лендинга site.ru";
 $subject = "=?utf-8?B?".base64_encode($subject)."?=";
 $message = '
 <h3>Сообщение с лендинга site.ru</h3>
 <p>Имя отправителя:<b> '.$name.'</b></p>
 <p>Город отправителя:<b> '.$gorod.'</b></p>
 <p>Телефон: <b>'.$phone.'</b></p>';
$headers .= 'from: [e-mail]' . "\r\n";
$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
if(mail($to, $subject, $message, $headers)){
 exit("Спасибо за заказ");
}
}

?>

Comments

[Сергей Горностаев]

Какое отношение тег Java имеет к вопросу?

[Rsa97]

Что в логах ошибок PHP?

Answer 1

[Uwe_Boll]

а консоль о чем говорит?
Приходят ли данные в обработчик?
$to = "[e-mail]";/ заменяем на $to = "[e-mail]";

Comments

[fernaton]

jquery.min.js:4 POST sivir.ru/potolki/mail.php 500 (Internal Server Error)
send @ jquery.min.js:4
ajax @ jquery.min.js:4
(anonymous) @ script.js:90
dispatch @ jquery.min.js:3
q.handle @ jquery.min.js:3

[Uwe_Boll]

fernaton, обновил ответ

[fernaton]

Uwe_Boll, ошибка пропала. Но на почту пришла форма с без имени, города и телефона

[Uwe_Boll]

fernaton, у Тебя здесь затык:

if (isset($_POST['fio'])) {$name = $_POST['fio'];}
 if (isset($_POST['phone'])) {$phone = $_POST['phone'];}
 if (isset($_POST['gorod'])) {$gorod = $_POST['gorod'];}

[fernaton]

Uwe_Boll, так в чем?

[Uwe_Boll]

fernaton, перепиши так:

$fio = !empty($_POST['fio']) ? $fio = $_POST['fio'] : $fio = null;
$phone = !empty($_POST['email']) ? $fio = $_POST['phone'] : $fio = null;
$gorod = !empty($_POST['gorod']) ? $fio = $_POST['gorod'] : $fio = null;
if($fio && $phone && $gorod){
$to = "[e-mail]";
  $subject = "Сообщение с лендинга site.ru";
  $subject = "=?utf-8?B?".base64_encode($subject)."?=";
  $message = '
    <h3>Сообщение с лендинга site.ru</h3>
    <p>Имя отправителя:<b> '.$fio.'</b></p>
    <p>Город отправителя:<b> '.$gorod.'</b></p>
    <p>Телефон: <b>'.$phone.'</b></p>';
  $headers = 'from: [e-mail]' . "\r\n";
  $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
if(mail($to, $subject, $message, $headers)){
   $responce = [
"type" => "yes",
"message" => "ваша заявка в обработке"
];
echo exit(json_encode($responce));

  }
}else{
$responce = [
"type" => "no",
"message" => "Поля формы не заполнены"
];
echo exit(json_encode($responce));
}

[fernaton]

Uwe_Boll, вернулась ошибка "Подтвердите действие. Произошла какая то ошибка"

[Uwe_Boll]

fernaton,

$('.modal').on('hidden.bs.modal', function (e) {
    $('input:not(.type)', $(this)).val('');
  });
  $('form').submit(function(e){
      e.preventDefault();
    var form_data = {
      'fio':$(".fio", $(this)).val(),
      'phone':$(".phone", $(this)).val(),
      'gorod':$(".gorod", $(this)).val(),
    };
    $.ajax({
      type: "POST",
      url: "mail.php",
      data: form_data,
      success: function(res){
     var resp = JSON.parse(res);
     //тут работаешь с ответом от сервера
        $('.modal').modal('hide');
        setTimeout(function() {
        	$('.success').fadeToggle();
        }, 1000);
        setTimeout(function() {
        	$('.success').fadeToggle();
        }, 2500);
      },
      error: function() {
      	alert("Произошла какая то ошибка!");
      }
    }); 
  });

[Uwe_Boll]

fernaton, поправил

Answer 2

[Владимир Проскурин]

Уберите слеш в конце
$to = "[e-mail]";/
UPD: еще вы пишите
$headers .= 'from: [e-mail]' . "\r\n";
используя .=, но при этом, переменная ранее не определена как строка.
Вот нормальный код

<?php 

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (isset($_POST['fio'])) {$name = $_POST['fio'];}
  if (isset($_POST['phone'])) {$phone = $_POST['phone'];}
  if (isset($_POST['gorod'])) {$gorod = $_POST['gorod'];}
  $to = "[e-mail]";
  $subject = "Сообщение с лендинга site.ru";
  $subject = "=?utf-8?B?".base64_encode($subject)."?=";
  $message = '
    <h3>Сообщение с лендинга site.ru</h3>
    <p>Имя отправителя:<b> '.$name.'</b></p>
    <p>Город отправителя:<b> '.$gorod.'</b></p>
    <p>Телефон: <b>'.$phone.'</b></p>';
  $headers = 'from: [e-mail]' . "\r\n";
  $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
  if(mail($to, $subject, $message, $headers)){
    exit("Спасибо за заказ");
  }
}

?>

Comments

[fernaton]

Спасибо! Ошибка пропала. Но на почту пришла форма с без имени, города и телефона. Где промах?

[fernaton]

Все равно на почту приходит пустая форма((

Answer 3

[xanthipwalkman]

Приветствую!
У меня точно такой же вопрос...все перепробовал, что мог в силу своих способностей, не получается получать письма с формы обратной связи...

$('.modal').on('hidden.bs.modal', function (e) {
$('input:not(.type)', $(this)).val('');
});
$('form').submit(function(e){
e.preventDefault();
var form_data = {
'name':$(".name", $(this)).val(),
'tel':$(".tel", $(this)).val(),
'price':$("#price", $(this)).val(),
'square':$("#square", $(this)).val(),
'type':$(".type", $(this)).val()
};
$.ajax({
type: "POST",
url: "mail.php",
data: form_data,
success: function(){
$('.modal').modal('hide');
setTimeout(function() {
$('.success').fadeToggle();
}, 1000);
setTimeout(function() {
$('.success').fadeToggle();
}, 2500);
},
error: function() {
alert("Произошла какая-то ошибка!");
}
});
});

mail.php
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (isset($_POST['name'])) {$name = $_POST['name'];}
if (isset($_POST['tel'])) {$tel = $_POST['tel'];}
if (isset($_POST['price'])) {$price = $_POST['price'];}
if (isset($_POST['square'])) {$square= $_POST['square'];}
if (isset($_POST['type'])) {$type = $_POST['type'];}
$to = "ХХХ@ya.ru";
$subject = "Сообщение с лендинга site.ru";
$subject = "=?utf-8?B?".base64_encode($subject)."?=";
$message = '
Сообщение с лендинга site.ru
Имя отправителя: '.$name.'
Телефон: '.$tel.'';
Цена: '.$price.'
Площадь: '.$square.'
Тип: '.$type.'
$headers = 'from: abomne.ru' . "\r\n";
$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
if(mail($to, $subject, $message, $headers)){
exit("Спасибо за заказ");
}
}
?>

При заполнении форм и отправке пишет "Ваша заявка отправлена!"

Помогите пожалуйста