Не работает отправка формы на почту
При загрузке страницы в консоли вот такая ошибка Unchecked runtime.lastError: The message port closed before a response was received. Подскажите в чем проблема, уже 3 день не могу понять в чем ошибкаф
$(document).ready(function() {
$('[name=phone]').bind("change keyup input click", function() {
if (this.value.match(/[^0-9+]/)) {
this.value = this.value.replace(/[^0-9+]/, '');
}
});
$('[name=name]').on('keypress', function() {
var that = this;
setTimeout(function() {
var res = /[^A-Za-zА-Яа-яЁё ]/g.exec(that.value);
that.value = that.value.replace(res, '');
}, 0);
});
$('button').attr('type', 'button');
});
$('.button-submit-feed').click(function(){
var form = $(this).parents('form:first');
var name = $("input[name='name']",form).val();
var phone = $("input[name='phone']",form).val();
var email = $("input[name='email']",form).val();
var comment = $("textarea[name='comment']",form).val();
var error = [];
var pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;
if (name == "") {
error.push('Введите имя ');
}
if (phone == "") {
error.push('Введите телефон ');
}
if(!pattern.test(email) && email != ""){
error.push('Email введен некорректно ');
}
if (error.length == 0) {
swal('Успешно отправлено!');
var seconds = 10,
int;
int = setInterval(function() {
if (seconds > 0) {
seconds--;
$('.button-submit-feed').text(seconds);
$('.button-submit-feed').css('opacity','0.5');
$('.button-submit-feed').attr('disabled', true);
} else {
clearInterval(int);
$('.button-submit-feed').text('').append('Отправить <span class="arrow-right"><span class="dots dots--right"><span class="dot dot--right-1"></span><span class="dot dot--right-2"></span><span class="dot dot--right-3"></span></span><span class="arrow-right__angle"><span class="angle angle--right"></span></span></span>');
$('.button-submit-feed').css('opacity','1');
$('.button-submit-feed').attr('disabled', false);
}
}, 1000);
}
else {
swal(error.join ('\n'));
return false;
}
$.ajax({
url: 'mailPost.php',
type: 'POST',
cache: 'false',
data: {'name': name, 'phone': phone, 'email': email, 'comment': comment},
dataType: 'html',
beforeSend: function() {
},
success: function(data) {
if (!data) {
swal('Были ошибки!');
}
else {
$("input[name='name']",form).val('').blur();
$("input[name='phone']",form).val('').blur();
$("input[name='email']",form).val('').blur();
$("textarea[name='comment']",form).val('').blur();
}
}
});
});
<?php
$name = $_POST['name'];
$phone = $_POST['phone'];
$email = $_POST['email'];
$comment = $_POST['comment'];
$subject = "=?utf-8?B?".base64_encode('Сообщение с сайта')."?=";
$message = 'Имя: '.$name.'<br>'.'Телефон: '.$phone.'<br>'.'Коммент: '.$comment.'<br>'.'Email: '.$email;
$headers = "From: $email\r\nReply-To: $email\r\nContent-type: text/html; charset=utf-8\r\n";
$success = mail('[email protected]', $subject, $message, $headers);
echo $success;
?>
<div class="feedback-modal feedback-modal-anim">
<form novalidate="" method="post" class="main-form form-with-price ajax_form" id="new-home-order-form">
<div class="close-button-feedback"></div>
<div class="big-headline-feed">ОБСУДИТЬ ПРОЕКТ</div>
<div class="sub-headline-feed">Крутые проекты начинаются с заполнения этой формы</div>
<input type="hidden" name="someinfo" value="">
<input type="hidden" name="titlepage" value="Создание сайтов">
<input type="hidden" name="form-name" value="Обсудить проект">
<input type="hidden" name="require" value="">
<input type="hidden" name="someinfo" value="">
<div class="feedback-container">
<div class="left-block-feedback">
<div class="input-container">
<input type="text" id="form-name" required name="name">
<span class="bar"></span>
<label for="form-name">Имя</label>
</div>
<div class="input-container">
<input type="text" id="order-phone" name="phone" value="" class="" required="">
<span class="bar"></span>
<label for="order-phone">Телефон </label>
</div>
<div class="input-container">
<input type="email" id="order-email" name="email" value="" class="" required="">
<span class="bar"></span> <label for="order-email">Email</label>
</div>
</div>
<div class="right-block-feedback">
<div class="right-block-feed-container">
<textarea placeholder="Расскажите о своей идее" name="comment" id="area" class="feedback-textarea"></textarea>
</div>
</div>
</div>
<div class="submit-btn-container">
<button class="button-submit-feed" value="Отправить" name="home-order-form">Отправить
<span class="arrow-right">
<span class="dots dots--right">
<span class="dot dot--right-1"></span>
<span class="dot dot--right-2"></span>
<span class="dot dot--right-3"></span>
</span>
<span class="arrow-right__angle">
<span class="angle angle--right"></span>
</span>
</span>
</button>
</div>
<input type="hidden" name="af_action" value="cc92caf512162013ffd61a5244d2d780">
</form>
</div>