PHP表單提交返回空白

Question

我是一個總新手，所以請忍受我:)）我已經設法創建一個表單，並使用PHP將數據發送到一個電子郵件地址。但是，一旦我點擊提交，屏幕變爲空白，而不是停留在當前頁面上並顯示消息。我猜我缺少某種PHP代碼？

此外，我想使用我的窗體上的JQuery驗證器插件，我怎麼能添加它沒有基本搞砸了形式？

我的HTML：

<div> 
<form id="form_id" name="form_name" action="scripts/index.php" method="post"> 
       <div> 
        <label for="name">Name: </label> 
        <input type="text" name="name" id="name" placeholder="John Smith" required/> 
       </div> 

       <div> 
        <label for="email">Email: </label> 
        <input type="email" name="email" id="email" placeholder="name@mail.com" required/> 
       </div> 

       <div> 
        <label for="message">Message: </label> 
        <textarea name="message" id="message" rows="5" cols="30"></textarea> 
       </div> 

       <div> 
        <input id="submit" type="submit" name="submit" value="submit" /> 
       </div> 
      </form> 
      <p id="feedback"><?php echo $feedback; ?></p> 
</div> 

我的PHP：

<?php 

$to = 'example@gmail.com'; 
$subject = 'Message from The Rocket Factory'; 

$name = $_POST['name']; 
$email = $_POST['email']; 
$message = $_POST['message']; 

$body = <<<EMAIL 

Hi, my name is $name. 

$message 

From $name 
My Address is $email 


EMAIL; 

$header = "From: $email"; 

if($_POST){ 
    mail($to, $subject, $body, $header); 
    $feedback = 'Thanks for your message'; 
} 

?> 

Answer 1

你的形式將用戶腳本/ index.php文件。您使用HTML表單在頁面上回顯'$ feedback'var。使用
header（「location：filelocation」）重定向腳本/ index.php; exit（）;

Answer 2

PHP您創建的腳本將返回一個空白頁面，因爲該腳本僅用於發送電子郵件。我認爲你需要PHP腳本和HTML腳本在腳本的頂部PHP腳本結合在一起，以獲得您想要和編輯表單操作清空這樣的例子：

<?php 

$to = 'example@gmail.com'; 
$subject = 'Message from The Rocket Factory'; 

$name = $_POST['name']; 
$email = $_POST['email']; 
$message = $_POST['message']; 

$body = <<<EMAIL 

Hi, my name is $name. 

$message 

From $name 
My Address is $email 


EMAIL; 

$header = "From: $email"; 

if($_POST){ 
    mail($to, $subject, $body, $header); 
    $feedback = 'Thanks for your message'; 
} 

?> 

<div> 
<form id="form_id" name="form_name" action="" method="post"> 
       <div> 
        <label for="name">Name: </label> 
        <input type="text" name="name" id="name" placeholder="John Smith" required/> 
       </div> 

       <div> 
        <label for="email">Email: </label> 
        <input type="email" name="email" id="email" placeholder="name@mail.com" required/> 
       </div> 

       <div> 
        <label for="message">Message: </label> 
        <textarea name="message" id="message" rows="5" cols="30"></textarea> 
       </div> 

       <div> 
        <input id="submit" type="submit" name="submit" value="submit" /> 
       </div> 
      </form> 
      <p id="feedback"><?php echo $feedback; ?></p> 
</div> 

Answer 3

您可以通過兩種方式實現： 1.將php和html代碼放在一個頁面中。 2.使用ajax提交表單。

<div> 
    <form id="form_id" name="form_name" action="scripts/index.php" method="post"> 
      <div> 
       <label for="name">Name: </label> 
       <input type="text" name="name" id="name" placeholder="John Smith" required/> 
      </div> 

      <div> 
       <label for="email">Email: </label> 
       <input type="email" name="email" id="email" placeholder="name@mail.com" required/> 
      </div> 

      <div> 
       <label for="message">Message: </label> 
       <textarea name="message" id="message" rows="5" cols="30"></textarea> 
      </div> 

      <div> 
       <input id="submit" type="submit" name="submit" value="submit" /> 
      </div> 
     </form> 
</div> 

    <?php 

    $to = 'example@gmail.com'; 
    $subject = 'Message from The Rocket Factory'; 

    $name = $_POST['name']; 
    $email = $_POST['email']; 
     $message = $_POST['message']; 

     $body = <<<EMAIL 
     Hi, my name is $name. 
      $message 
     From $name 
     My Address is $email 
     EMAIL; 

    $header = "From: $email"; 

if($_POST){ 
    mail($to, $subject, $body, $header); 
    $feedback = 'Thanks for your message'; 
    echo '<p id="feedback">'.$feedback.'</p>'; <-- Notice this.. 
} 
?> 

您還可以在jQuery（$ .ajax）或javascript中使用ajax。