无法让我的联系表格生效

Question

I have a question about creating a contact form. Currently I have a form and some php code. But every time when I click on the submit button, I will be redirected to the php site itself instead of sending an actual mail.

This is the code I have:

HTML Form:

<form action="send.php" method="post" target="_new">
  <h1>Name:</h1> <br><input type="text" name="name" class="name"><br>
  <h1>E-mail:</h1> <br><input type="text" name="email" class="email"><br>
  <h1>Message:</h1> <br><textarea rows="20" cols="60" width="450px" height="210px" name="message"></textarea><br>
  <input type="submit" name="submit" value="submit" class="submit">
</form>

Php page:

<?php

$recipient = "myemail@mail.com";
if (isset($_POST['email'])){
    $mail = $_POST['email'];
    $name = $_POST['name'];
    $message = $_POST['message'];
    mail("$recipient", $name, $message);
}
header('Location: send.php');
?>

I've read on the internet that there is a possibility with Ajax and javascript? But I'm not very familiar with AJAX. So help would be really appreciated! :D

The only thing this form has to do is to send an email to my email account without opening a mail program while clicking on the submit button.

Thanks in regard!

Answer 1

When you clicking on submit button, the action is gone to send.php after the mail function irt is redirected to send.php itself. So a selfloop starts. You need to change that redirect page to your form page. ie.,

header('Location: send.php'); //change it !!

Also you need a mail server to send the mail from the local machine otherwise you need to host the project.

If you want to send the mail using AJAX does the following code:

<script>
$('form').submit(function(){
    $.ajax({
        url:'send.php',
        data:$('form').serialize(),
        success:function(response){
            alert(response);
        }
    });
    return false;
});
</script>

Then send.php will be like

$recipient = "myemail@mail.com";
if (isset($_POST['email'])){
    $mail = $_POST['email'];
    $name = $_POST['name'];
    $message = $_POST['message'];
    if(mail($recipient, $name, $message)){
        echo 'Mail sent';
    }
    else{
         echo 'Mail cant sent';
    }
}

Answer 2

请删除 $recipient 中的双引号 ""

mail($recipient, $name, $message);

Answer 3

<form  method="post">
                            <h1>Name:</h1> <br><input type="text" id="name" name="name" class="name"><br>
                            <h1>E-mail:</h1> <br><input type="text" id="email" name="email" class="email"><br>
                            <h1>Message:</h1> <br><textarea id="msg" rows="20" cols="60" width="450px" height="210px" name="message"></textarea><br>
                            <input type="submit" name="submit" value="submit" class="submit">
                        </form>
<script>
$.ajax({
    type: "post",
    url: "send.php",
    data: {name: $('#name').val(), email: $('#email').val(), message: $('#msg').val()},
    success: function(result){
        alert("Mail send!");
    }
});
</script>

your php code is the same but you don't need the header.