Merhaba. Hazır tema üzerinden bir iletişim formu hazırlamaya çalışıyorum fakat gönder butonuna tıkladığımda bir tepki vermiyor. Yardımcı olursanız sevinirim.



contact.php İletişim formum bu şekilde.

<section class="contact section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="form md-mb50">
<h4 class="extra-title mb-50">İletişim</h4>
<form id="contact-form" method="POST" action="contact-post.php">
<div class="messages"></div>
<div class="controls">
<div class="form-group">
<input id="form_name" type="text" name="name" placeholder="İsim Soyisim"
>
</div>
<div class="form-group">
<input id="form_email" type="email" name="email" placeholder="Mail Adresiniz"
>
</div>
<div class="form-group">
<input id="form_email" type="tel" name="phone" placeholder="Telefon Numaranız"
>
</div>
<div class="form-group">
<textarea id="form_message" name="message" placeholder="Mesajınız" rows="4"
></textarea>
</div>
<button type="submit" class="btn-curve btn-lit">GÖNDER</button>
</div>
</form>
</div>
</div>
<div class="col-lg-5 offset-lg-1">
<div class="cont-info">
<h4 class="extra-title mb-50">İletişim Bilgileri.</h4>
<h3 class="custom-font wow" data-splitting>Hadi Konuşalım.
</h3>
<div class="item mb-40">
<h5><a href="#0">ÖRNEK@ÖRNEK.COM</a></h5>
<h5>+999 999 99</h5>
</div>

<div class="social mt-50">
<a href="#0" class="icon">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#0" class="icon">
<i class="fab fa-instagram"></i>
</a>

</div>
</div>
</div>
</div>
</div>
</section>

formumu bağladığım contact-post.php

<?php
if(_$POST)
{
print_r(_$POST);
}



?>

Ne olur ne olmaz diye script.js dosyasındaki contact bölümü ile alakalı kod kısmı da şu şekilde

$('#contact-form').validator();
    $('#contact-form').on('submit', function (e) {
        if (!e.isDefaultPrevented()) {
            var url = "contact.php";
            $.ajax({
                type: "POST",
                url: url,
                data: $(this).serialize(),
                success: function (data) {
                    var messageAlert = 'alert-' + data.type;
                    var messageText = data.message;
                    var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + messageText + '</div>';
                    if (messageAlert && messageText) {
                        $('#contact-form').find('.message').html(alertBox);
                        $('#contact-form')[0].reset();
                    }
                }
            });
            return false;
        }
    });