PHP联系人表单，在同一页面上显示成功和错误消息 - PHP Contact Form that shows success and error Message on the same page

PHP Contact Form that shows success and error Message on the same page

我在我的网站上创建了一个PHP联系人表单，除了看到成功或错误消息外，它将用户发送到一个感谢您的PHP页面。这就是我如何设置它，但我希望用户提交和表单应该消失，说谢谢!代替。

这是我的HTML形式:

<form class="form-foot" action="thank-you.php" method="post">
<fieldset>
<legend>Footer contact form</legend>
<div class="field">
<label for="name">Your name: </label>
<input name="name" id="name" type="text" placeholder="Name" class="required field-name" required>
</div>
<div class="field">
<label for="email">Your email: </label>
<input name="email" id="email" type="email" placeholder="Email address" class="required  field-email" required>
</div>
<div class="field">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="8" class="required field-message" placeholder="Your message" required></textarea>
</div>
<div class="field-submit">
<input class="sendbutton" type="submit"/>
</div>
</fieldset>
</form>

这是我的PHP在感谢PHP页面:

<?php $name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$formcontent="From: $name 'n Message: $message";
$recipient = "myemail@mysite.com";
$subject = "Contact Form";
$mailheader = "From: $email 'r'n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
echo "Thank You!";
?>

如何使表单在提交时消失并返回Thank You成功消息，而不使用Thank .php或刷新页面。

谢谢

Replace:

<form class="form-foot" action="thank-you.php" method="post">

<form name="myform" class="form-foot" action="" method="post">

给你的提交按钮起一个名字:

<input name="submit" class="sendbutton" type="submit"/>

将代码从thankyou .php移到yourform.php:

if(isset($_POST['submit']))
{
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];
    $formcontent="From: $name 'n Message: $message";
    $recipient = "myemail@mysite.com";
    $subject = "Contact Form";
    $mailheader = "From: $email 'r'n";
    mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
    echo "Thank You!";
}

您可以使用ajax将数据从javascript发送到thankyou .php文件。通过在提交时调用函数而不是表单中的action属性。函数可以有以下格式

var url = "thank-you.php";
var data = $('#your-form-id').serialize();

$.ajax({
        type: "post",
        url: url,
        data: data,
        success: function(msg) {
        }    
   });

从感谢页面获取信息时，您可以使用它将包含表单的html分配给它，以将表单替换为thank you!