我希望在提交表單時回顯消息

Question

我不擅長PHP（更多是前端開發人員），我正在爲客戶做一個網站。除了一件事之外，我已經掌握了一切工作。當用戶填寫聯繫表單併成功提交時，我想顯示一條消息告訴他們電子郵件已發送。我已經設置了div，我只是不知道用PHP來執行它。

<div class="sent">Email has been sent.</div> 
    <form action="" method="POST" class="contact-form"> 
    <img class="close" src="images/close-icon.png">  
     <div class="top-title">Contact Us</div> 
     <input type="hidden" name="action" value="submit"> 
     <div class="input-title">Name*</div> 
     <input class="input" name="name" type="text" value="" size="30" required><br> 
     <div class="input-title">Phone Number*</div> 
     <input class="input" name="phone" type="text" value="" size="30" required><br> 
     <div class="input-title">Email Address*</div> 
     <input class="input" name="email" type="text" value="" size="30" required><br> 
     <div class="input-title">How did you hear about us?</div> 
     <input class="input" name="company" type="text" value="" size="30"/><br> 
     <div class="input-title">Let us know how we can help you</div> 
     <textarea class="textarea" name="message" rows="7" cols="30"></textarea><br> 
     <div class="required">*Fill is required</div> 
     <input class="submit-button" type="submit" value="Send Email"/> 
    </form> 
    <?php    
     { 
     $name=$_POST['name']; 
     $email=$_POST['email']; 
     $phone=$_POST['phone']; 
     $company=$_POST['company']; 
     $message= "\r\nName: " . $_POST['name'] ."\r\nPhone Number: ". $_POST['phone']."\r\nEmail: ". $_POST['email'] ."\r\nHow you know the company: ".$_POST['company'] ."\r\nReason for message: ".$_POST['message']; 

      $from="From: $name<$email>\r\nReturn-path: $email"; 
      $subject="GS Website Message"; 
      mail("name@email.com", $subject, $message, $from); 
     } 
    ?> 

Answer 1

變化：（和使用條件語句）

mail("name@email.com", $subject, $message, $from); 

到：

if(mail("name@email.com", $subject, $message, $from)){ 
    $sent = "Message sent"; 
} 

然後修改：

<div class="sent">Email has been sent.</div> 

爲閱讀：

<div class="sent"><?php if(!empty($sent)) { echo $sent; } ?></div> 

鑑於您是PHP /表單的新手，最好還要檢查您的輸入是否爲空，否則您將面臨無法獲取郵件或接收空數據的風險。

• http://php.net/manual/en/function.empty.php

設置一個條件語句中也。

即：使用NOT空：!是PHP中的NOT運算符。

if(!empty($_POST['var'])){...} 

---

編輯：

的邏輯需要反轉。

首先，將您的PHP放在HTML表單上方。

我還在您的提交按鈕中添加了一個submit名稱屬性，條件語句和ternary operator在div中。

<?php 

if(isset($_POST['submit'])){ 

     $name=$_POST['name']; 
     $email=$_POST['email']; 
     $phone=$_POST['phone']; 
     $company=$_POST['company']; 
     $message= "\r\nName: " . $_POST['name'] ."\r\nPhone Number: ". $_POST['phone']."\r\nEmail: ". $_POST['email'] ."\r\nHow you know the company: ".$_POST['company'] ."\r\nReason for message: ".$_POST['message']; 

      $from="From: $name<$email>\r\nReturn-path: $email"; 
      $subject="GS Website Message"; 


if(mail("email@example.com", $subject, $message, $from)){ 

$sent = "Message sent"; 

    } 
} 
    ?> 

<div class="sent"><?php echo isset($sent) ? $sent : ''; ?></div> 


    <form action="" method="POST" class="contact-form"> 

    <img class="close" src="images/close-icon.png">  


     <div class="top-title">Contact Us</div> 
     <input type="hidden" name="action" value="submit"> 
     <div class="input-title">Name*</div> 
     <input class="input" name="name" type="text" value="" size="30" required><br> 
     <div class="input-title">Phone Number*</div> 
     <input class="input" name="phone" type="text" value="" size="30" required><br> 
     <div class="input-title">Email Address*</div> 
     <input class="input" name="email" type="text" value="" size="30" required><br> 
     <div class="input-title">How did you hear about us?</div> 
     <input class="input" name="company" type="text" value="" size="30"/><br> 
     <div class="input-title">Let us know how we can help you</div> 
     <textarea class="textarea" name="message" rows="7" cols="30"></textarea><br> 
     <div class="required">*Fill is required</div> 
     <input class="submit-button" type="submit" value="Send Email" name="submit"/> 
    </form>