Не работает форма обратной связи. Помогите пожалуйста разобраться.
index.php
| Код |
<section class="section section-book-appointment" id="section-book-appointment">
<div class="section-ribbon">
<i class="icon-medical-checklist"></i>
</div><!-- /.section-ribbon -->
<div class="section-body">
<div class="form-appointment">
<form action="http://med-msk77.ru/contact.php" method="post">
<header class="form-head row">
<div class="columns large-12 medium-12">
<h2>Остались вопросы?</h2>
<h6>Закажите обратный звонок</h6>
</div><!-- /.columns large-6 -->
</header><!-- /.form-head -->
<div class="form-body">
<div class="row">
<div class="form-row">
<div class="form-cols clearfix">
<div class="form-col form-col-1of4">
<div class="form-controls">
<input type="text" class="field" required name="nameFF" id="field-fname" value="" placeholder="Имя" />
</div><!-- /.form-controls -->
</div><!-- /.form-col form-col-1of4 -->
<div class="form-col form-col-1of4">
<div class="form-controls">
<input type="email" class="field" required name="ContactFF" id="field-email" value="" placeholder="E-mail" />
</div><!-- /.form-controls -->
</div><!-- /.form-col form-col-1of4 -->
<div class="form-col form-col-1of4">
<div class="form-controls">
<input type="tel" class="field" required name="telFF" id="field-tel" value="" placeholder="Телефон" />
</div><!-- /.form-controls -->
</div><!-- /.form-col form-col-1of4 -->
</div><!-- /.form-cols -->
</div><!-- /.form-row -->
<div class="form-row">
<div class="form-controls">
<textarea class="textarea" name="messageFF" required id="field-message" placeholder="Сообщение"></textarea>
</div><!-- /.form-controls -->
</div><!-- /.form-row -->
<div class="form-actions">
<input type="submit" value="Заказать" class="button btn-light-blue btn-small" />
</div><!-- /.form-actions -->
</div><!-- /.row -->
</div><!-- /.form-body -->
</form>
</div><!-- /.form-appoitment -->
</div><!-- /.section-body -->
</section><!-- /.section-book-appointment --
<script>
document.getElementById('feedback-form').addEventListener('submit', function(evt){
var http = new XMLHttpRequest(), f = this;
evt.preventDefault();
http.open("POST", "contact.php", true);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.send("nameFF=" + f.nameFF.value + "&contactFF=" + f.contactFF.value + "&messageFF=" + f.messageFF.value + "&telFF=" + f.telFF.value );
http.onreadystatechange = function() {
if (http.readyState == 4 && http.status == 200) {
alert(http.responseText + ', Ваше сообщение получено.\nНаши специалисты ответят Вам в течении 2-х дней.\nБлагодарим за интерес к нашей фирме!');
f.messageFF.removeAttribute('value'); // очистить поле сообщения (две строки)
f.messageFF.value='';
}
}
http.onerror = function() {
alert('Извините, данные не были переданы');
}
}, false);
</script>
|
contact.php
| Код |
<?
if (array_key_exists('messageFF', $_POST)) {
$to = '[email protected]';
$subject = 'Заполнена контактная форма с '.$_SERVER['HTTP_REFERER'];
$subject = "=?utf-8?b?". base64_encode($subject) ."?=";
$message = "Имя: ".$_POST['nameFF']."\nEmail: ".$_POST['contactFF']."\nIP: ".$_SERVER['REMOTE_ADDR']."\nСообщение: ".$_POST['messageFF']."\nТелефон: ".$_POST['telFF']);
$headers = 'Content-type: text/plain; charset="utf-8"';
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Date: ". date('D, d M Y h:i:s O') ."\r\n";
mail($to, $subject, $message, $headers);
echo $_POST['nameFF'];
}
?>
|
|