smtp ile hallettim fakat form js ile çalışırken onu bozdum ilginç şekilde

işin ilginci aynı sayfada mail() fonksiyonu ile var olan formda hala js çalışırken smtp ile maili gönderen formda çalışmıyor.

mail göndermeyen fakat hatayı js ile yazan form:

<!-- Contact Form -->
<form id="contact-form" action="mail-script.php" method="post">
<div class="form-box-five">
<div class="single-input">
<input name="name" type="text" class="input-box" required placeholder="Enter your name">
</div>
<div class="single-input">
<input name="subject" type="text" class="input-box" required placeholder="Enter your name">
</div>
<div class="single-input">
<input name="email" type="email" class="input-box" required placeholder="Enter your email">
</div>
<div class="single-input">
<input name="message" type="text" class="input-box" required placeholder="Your offer price $">
</div>
<div class="single-input submit-box mt-4">

</div>

</div>
<div class="form-buttom-button">
<button type="submit" name="submit" class="btn btn--full btn--bg-2">Send my Offer</button>
</div>
<p class="form-messege"></p>
</form>

mail gönderen fakat js ile değil php dosyasına yönlendiren form:

<form id="contact-form" action="mail-script.php" method="post">


<div class="form-box-five">
<div class="single-input">
<input name="subject" type="text" class="input-box" required placeholder="Konu">
</div>

<div class="single-input">
<input name="name" type="text" class="input-box" required placeholder="Enter your name">
</div>
<div class="single-input">
<input name="telno" type="number" class="input-box" required placeholder="Enter your phone number">
</div>
<div class="single-input">
<input name="email" type="email" class="input-box" required placeholder="Enter your email">
</div>

<div class="single-input">
<textarea name="message" class="input-box" style="width: 332px;
height: 100px;" required placeholder="Mesaj..."></textarea>
</div>

</div>

<div class="form-buttom-button">
<button type="submit" name="submit" class="btn btn--full btn--bg-2">Send my Offer</button>
</div>
<p class="form-messege"></p>
</form>

her ikisi de aynı .js, aynı mail dosyalarını kullanıyor.


<!-- Ajax Mail JS -->
<script src="assets/js/plugins/ajax.mail.js"></script>

$(function() {

    // Get the form.
    var form = $('#contact-form');

    // Get the messages div.
    var formMessages = $('.form-messege');

    // Set up an event listener for the contact form.
    $(form).submit(function(e) {
        // Stop the browser from submitting the form.
        e.preventDefault();

        // Serialize the form data.
        var formData = $(form).serialize();

        // Submit the form using AJAX.
        $.ajax({
            type: 'POST',
            url: $(form).attr('action'),
            data: formData
        })
        .done(function(response) {
            // Make sure that the formMessages div has the 'success' class.
            $(formMessages).removeClass('error');
            $(formMessages).addClass('success');

            // Set the message text.
            $(formMessages).text(response);

            // Clear the form.
            $('#contact-form input,#contact-form textarea').val('');
        })
        .fail(function(data) {
            // Make sure that the formMessages div has the 'error' class.
            $(formMessages).removeClass('success');
            $(formMessages).addClass('error');

            // Set the message text.
            if (data.responseText !== '') {
                $(formMessages).text(data.responseText);
            } else {
                $(formMessages).text('Oops! An error occured and your message could not be sent.');
            }
        });
    });

});

yardımcı olabilecek var mıdır?


edit:üstteki formu kaldırınca alttaki form ajax ile çalışmaya başlıyor fakat mail göndermiyor
üstteki form hata verirken alttaki formun altında da hata çıkarıyor.