Html Sitede İletişim Formu Göndermek

24-11-2023, 18:59:52

merhaba,

html ile bir tasarım yaptım herşey güzel fakat iletişim formu ile nasıl mail alınacağı konusunda desteğe ihtiyacım bulunmakta.

Teşekkürleri

24-11-2023, 19:07:27

#2

OdeKullan

Kimlik doğrulama veya yönetimden onay bekliyor.

iletişim formuna PHPmailer bağlarsın SMTP ile gönderirsin.

02-12-2023, 23:12:26

#3

nisanureser

Kimlik doğrulama veya yönetimden onay bekliyor.

sys_s adlı üyeden alıntı: mesajı görüntüle

merhaba,

html ile bir tasarım yaptım herşey güzel fakat iletişim formu ile nasıl mail alınacağı konusunda desteğe ihtiyacım bulunmakta.

Teşekkürleri

yardımcı olabilirim isterseniz.

13-12-2023, 22:51:52

#4

MusaPekel

sys_s adlı üyeden alıntı: mesajı görüntüle

merhaba,

html ile bir tasarım yaptım herşey güzel fakat iletişim formu ile nasıl mail alınacağı konusunda desteğe ihtiyacım bulunmakta.

Teşekkürleri

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>İletişim Formu</title>
</head>
<body>

    <h1>İletişim Formu</h1>

    <form id="contactForm">
        <label for="name">Adınız:</label>
        <input type="text" id="name" name="name" required>

        <label for="email">E-posta Adresiniz:</label>
        <input type="email" id="email" name="email" required>

        <label for="message">Mesajınız:</label>
        <textarea id="message" name="message" required></textarea>

        <button type="submit">Gönder</button>
    </form>

    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
    <script src="script.js"></script>

</body>
</html>

JavaScript (script.js):

$(document).ready(function() {
    $('#contactForm').submit(function(e) {
        e.preventDefault(); // Sayfanın yeniden yüklenmesini önler

        // Form verilerini al
        var formData = {
            name: $('#name').val(),
            email: $('#email').val(),
            message: $('#message').val()
        };

        // Verileri bir sunucuya göndermek için AJAX kullanımı
        $.ajax({
            type: 'POST',
            url: 'sendmail.php', // Verileri işleyecek PHP dosyanızın adını ve yolunu belirtin
            data: formData,
            dataType: 'json', // Gelen veri tipi
            encode: true
        })
        .done(function(response) {
            // Başarılı yanıt durumunda yapılacaklar
            console.log(response);
            alert('Mesajınız başarıyla gönderildi!');
        })
        .fail(function(error) {
            // Hata durumunda yapılacaklar
            console.error(error);
            alert('Bir hata oluştu, lütfen daha sonra tekrar deneyin.');
        });
    });
});

PHP (sendmail.php):

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Formdan gelen verileri al
    $name = $_POST["name"];
    $email = $_POST["email"];
    $message = $_POST["message"];

    // Gönderilecek e-posta adresi
    $to = "destek@example.com";

    // E-posta başlık ve içeriği
    $subject = "İletişim Formu Mesajı";
    $body = "Ad: $name\nE-posta: $email\nMesaj: $message";

    // E-posta gönderme işlemi
    mail($to, $subject, $body);

    // Yanıt JSON formatında gönderiliyor
    echo json_encode(['success' => true]);
} else {
    // Yanlış bir şekilde çağrıldığında hata mesajı
    echo json_encode(['error' => 'Invalid request']);
}
?>