Здравствуйте, у меня два вопроса по форме обратной связи.
Вопрос №1. Настроил на Лендинге форму, но письма приходят пустыми.
Вопрос №2.После отправки заявки на сайте, за место "Ваше сообщение отправлено" пишет "undefined".
HTML код формы
<div class="showcase-input">
<label for="Callback_name" class="required">Имя <span class="required">*</span></label> <input name="Callback[name]" id="Callback_name" type="text" maxlength="30" /> <div class="errorMessage" id="Callback_name_em_" style="display:none"></div>
</div>
<div class="showcase-input">
<div class="column grid-module-2">
<label for="Callback_phone" class="required">Телефон <span class="required">*</span></label> <input class="input input_big phone_valid" id="Callback_phone" name="Callback[phone]" type="text" /> <div class="errorMessage" id="Callback_phone_em_" style="display:none"></div> </div>
</div>
<div class="showcase-checkbox">
<label>
<input id="ytCallback_agree" type="hidden" value="0" name="Callback[agree]" /><input checked="checked" name="Callback[agree]" id="Callback_agree" value="1" type="checkbox" /> <span class="showcase-checkbox-text goal-act-1">
<span> На обработку персональных данных по требованию ФЗ №152</span> <a
href="https://ask-garant.ru/wp-content/themes/kazan.reportal.ru/consent-reportal.pdf" target="_blank">согласен</a>
</span>
</label>
<div class="errorMessage" id="Callback_agree_em_" style="display:none"></div></div>
<button type="submit" class="goal-form-1">Бесплатная консультация</button>
<div class="showcase-info__note">Перезвоним в течение 15 минут.</div>
</form>
</div>
</div>
</div>
JS формы
function callbackSendForm(form, data, hasError) {
if (hasError) return false;
$.ajax({
url: "/wp-content/themes/kazan.reportal.ru/callback.php",
type: 'POST',
data: form.serialize(),
success: function (response) {
if (response.result) {
document.getElementById("callback-form").reset();
}
$('#callback-link').click();
$('#notifications').html('<div>' + response.data + '</div>').fadeIn().delay(3000).fadeOut();
},
error: function () {
$('#callback-request').click();
$('#notifications').html(yupeCallbackErrorMessage).fadeIn().delay(3000).fadeOut();
}
});
return false;
}
function callbackTopSendForm(form, data, hasError) {
if (hasError) return false;
$.ajax({
url: "/wp-content/themes/kazan.reportal.ru/callback.php",
type: 'POST',
data: form.serialize(),
success: function (response) {
if (response.result) {
document.getElementById("callback-form-top").reset();
}
$('#callback-link').click();
$('#notifications').html('<div>' + response.data + '</div>').fadeIn().delay(3000).fadeOut();
},
error: function () {
$('#callback-request').click();
$('#notifications').html(yupeCallbackErrorMessage).fadeIn().delay(3000).fadeOut();
}
});
return false;
}
function callbackMidleSendForm(form, data, hasError) {
if (hasError) return false;
$.ajax({
url: "/wp-content/themes/kazan.reportal.ru/callback.php",
type: 'POST',
data: form.serialize(),
success: function (response) {
if (response.result) {
document.getElementById("callback-form-midle").reset();
}
$('#callback-link').click();
$('#notifications').html('<div>' + response.data + '</div>').fadeIn().delay(3000).fadeOut();
},
error: function () {
$('#callback-request').click();
$('#notifications').html(yupeCallbackErrorMessage).fadeIn().delay(3000).fadeOut();
}
});
return false;
}
function callbackMapSendForm(form, data, hasError) {
if (hasError) return false;
$.ajax({
url: "/wp-content/themes/kazan.reportal.ru/callback.php",
type: 'POST',
data: form.serialize(),
success: function (response) {
if (response.result) {
document.getElementById("callback-form-map").reset();
}
$('#callback-link').click();
$('#notifications').html('<div>' + response.data + '</div>').fadeIn().delay(3000).fadeOut();
},
error: function () {
$('#callback-request').click();
$('#notifications').html(yupeCallbackErrorMessage).fadeIn().delay(3000).fadeOut();
}
});
return false;
}
function callbackBottomSendForm(form, data, hasError) {
if (hasError) return false;
$.ajax({
url: "/wp-content/themes/kazan.reportal.ru/callback.php",
type: 'POST',
data: form.serialize(),
success: function (response) {
if (response.result) {
document.getElementById("callback-form-bottom").reset();
}
$('#callback-link').click();
$('#notifications').html('<div>' + response.data + '</div>').fadeIn().delay(3000).fadeOut();
},
error: function () {
$('#callback-request').click();
$('#notifications').html(yupeCallbackErrorMessage).fadeIn().delay(3000).fadeOut();
}
});
return false;
}
Форма ссылается к файлу callback.php<?php
/* Здесь проверяется существование переменных */
if (isset($_POST['Callback[name]'])) {$name = $_POST['Callback[name]'];}
if (isset($_POST['Callback[phone]'])) {$tel = $_POST['Callback[phone]'];}
/* Сюда впишите свою эл. почту */
$address = "1212121@yandex.ru";
/* А здесь прописывается текст сообщения, \n - перенос строки */
$mes = "Тема: Заказ обратного звонка! \nИмя: $name\nТелефон: $tel";
/* А эта функция как раз занимается отправкой письма на указанный вами email */
$sub='Заказ'; //сабж
$email='Заказ <vpluce.ru>'; // от кого
$send = mail ($address,$sub,$mes,"Content-type:text/plain; charset = utf-8\r\nFrom:$email");
?>
Буду очень благодарен за помощь!
