フォームの検証出力が機能しない

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主な方法は以下のとおりです。サーバーとクライアントと 間のメッセージングのためのAjaxとJSONを使用して

1. は、任意のページのユーザー負荷その後 にメッセージを表示するsession-keysを使用し
2. をリロード防ぎます。