表單驗證輸出不起作用

Question

我有一個表單並且表單正在工作：我收到我電子郵件上的所有詳細信息。但是當我點擊提交時，它會重定向到一個空白頁面，內容是：「請求已成功提交，我們會盡快與您聯繫。」

我想什麼做的是顯示一個綠色的盒子說，表單已成功提交，在同一頁上最喜歡的網站做的，而不是重定向...

我使用引導:)

Mailer.php代碼：

<?php 
    $tipoIn = $_POST['tipoIn']; 
    $Tipologia_input = $_POST['Tipologia_input']; 
    $sender_name = $_POST['Nome']; 
    $sender_email = $_POST['email']; 
    $phone = $_POST['Telefone']; 
    $slider_value = $_POST['slider_value']; 
    $mail_body = $_POST['message']; 

    $body = $sender_name." sent a new message for you<br><br> Name: ".$sender_name."<br>Email: ".$sender_email."<br>Phone: ".$phone."<br>Tipo: ".$tipoIn."<br>Tipologia: ".$Tipologia_input."<br>Slider Value: ".$slider_value."<br>Message: ".$mail_body; 

    sendMail($sender_name , $sender_email, $body); 

    function sendMail($sender, $sender_mail, $body) { 
     $to = 'geral@porta10.com'; // Set Receiver Email Here 
     $myemail = 'geral@porta10.comm'; // Set Sender Email Here 
     $subject = "New EasyLoan Client"; // Set Subject Here 
     $headers = "MIME-Version: 1.0\r\n"; 
     $headers .= "Content-type: text/html; charset=iso-8859-1\r\n";    
     $headers .= "From: Lead <geral@porta10.com>\r\n"; // Set Header Here 

     $message = $body; 

     $sentmail = mail($to,$subject,$message,$headers); 
     if($sentmail) { echo "Request submitted successfully. We will contact with you very soon."; } 
     else { echo "Mail not sent"; } 
    } 

    ?> 

表單代碼：

<div class="form-container"> 
       <div class="form-mockup"> 
        <h2>Que imóvel procura ?</h2> 
        <!-- <h4>Easy to apply for a loan with us,Once you have complete this form. </h4>--> 
        <form action="mailer.php" method="post"> 

         <div class="form-group"> 
          <select class="form-control" id="tipo" name="tipoIn"> 
          <option value="Tipo" disabled selected>Tipo de imóvel</option> 
          <option value="Moradia">Moradia</option> 
          <option value="Apartamento">Apartamento</option> 
          </select> 
         </div> 

         <div class="form-group"> 
          <select class="form-control" id="tipologia" name="Tipologia_input"> 
           <option value="Tipologia" disabled selected>Tipologia</option> 
           <option value="T1">T1</option> 
           <option value="T2">T2</option> 
           <option value="T3">T3</option> 
           <option value="T4">T4</option> 
           <option value="T5">T5</option> 
          </select> 
         </div> 


         <div class="form-group"> 
         <input type="text" class="form-control" placeholder="Nome Completo" name="Nome"> 
         </div> 
         <div class="form-group"> 
         <input type="email" class="form-control" placeholder="E-mail" name="email"> 
         </div> 
         <div class="form-group"> 
         <input type="text" class="form-control" placeholder="Telefone" name="Telefone"> 
         </div> 
         <div class="form-group"> 
          <textarea class="form-control" rows="3" id="comentario" placeholder="Diga-nos como imagina a sua casa..." name="message"></textarea> 
         </div> 
         <div class="form-group"> 
         <div class="button-slider"> 
          <div class="btn-group btn_group"> 
          <div class="btn btn-default btn_amount">Valor </div> 
          <div class="btn btn-default btn_slider"> 
           <input id="bootstrap-slider" type="text" data-slider-min="1" data-slider-max="50000" data-slider-step="1" data-slider-value="25000" name="slider_value" /> 
           <div class="valueLabel"><span class="text_span">Valor &nbsp; &nbsp;</span>&nbsp;&nbsp;&nbsp;<span id="sliderValue">25000</span>€</div> 
          </div> 
          </div> 
         </div> 
         </div> 
         <button type="submit" class="btn btn-default quote_btn">Enviar</button> 
        </form> 
       </div> 
      </div> 

Answer 1

你可以做各種事情，它取決於框架或cms或你的代碼的邏輯。有很多方法可以完成這個任務（顯示在（相同/現有）頁面上，而不是重定向到（空白/污損）），但是它依然依賴。

2個主要方面，我目前能想象有：

1. 使用Ajax和JSON爲服務器和客戶端和 之間的通訊防止重裝
2. 使用session-keys，以顯示在任何頁面的用戶負載 後來的消息。