Question

我有以下表单，除了成功留言在同一页面上之外。

我不停地绞尽脑汁，但此时它已经糊涂了。

**问题我需要将表单关闭并在提交表单时显示“成功”DIV。

现在我唯一可以做的就是通过标题让它转到thanks.php页面。

所有代码都在jsfiddle：http://jsfiddle.net/webs4me/hyArd/1/

除了下面的send.hello.php： - 谢谢

   <?php
   // Clean up the input values
   foreach($_POST as $key => $value) {
     if(ini_get('magic_quotes_gpc'))
       $_POST[$key] = stripslashes($_POST[$key]);

     $_POST[$key] = htmlspecialchars(strip_tags($_POST[$key]));
   }

   // Honeypot don't send - THIS WILL BE HIDDEN LATER
   if(!empty($_POST["confirm_email"])) {
   header("location:spam.php");exit;
   }

   // Assign the input values to variables for easy reference
   $name = $_POST["name"];
   $email = $_POST["email"];
   $confirm = $_POST["confirm_email"];
   $phone = $_POST["phone"];
   $message = $_POST["message"];

   // Send the email *********** enter your email address and message info 
   $to = "myemail@myemail.com"; 
   $subject = "Website message: $name";
   $message = "From:\n$name\n\nEmail:\n$email\n\nPhone:\n$phone\n\nMessage:\n$message";
   $headers = "From: $email";

   mail($to, $subject, $message, $headers);

   header('location: thanks.php');


   ?>

Answer 1

由于您已经在使用JQuery，请使用$.POST：

http://api.jquery.com/jQuery.post/

$.ajax({
    type: "POST",
    url: url,
    data: data,
    success: success,
    dataType: dataType
});

data将根据所有表单输入的值构建。
url将是hello.php页面
您需要向表单添加onsubmit函数，或者取出提交按钮并添加一个常规输入按钮，并对onclick构建data的函数进行{{1}}调用叫$ .POST

php表单留在页面上显示密切形式的div

1 个答案: