私は2つのポップアップを表示します.1つはエラーメッセージ用、もう1つは成功メッセージ用です

Question

私はモーダルが新しく、フォームを送信してからユーザーフォームの検証が成功した場合はエラーポップアップを表示します。また私はバックグラウンドでユーザーに電子メールを送信するためのPHPファイルを実行する必要があります。 これまでは、バックグラウンドでphpファイルを実行し、ユーザーが[送信]ボタンをクリックしたときにモデルを表示するのに成功しました。 しかし、フォームが検証されたときにポップアップが表示されます。また、私はtype = "form"の代わりに "button"の代わりに "submit"を使いたいと思っています。ここで

は私のコードです：

<!-- javascript code to execute php file --> 
 
\t <script type="text/javascript"> 
 
\t \t function executePhp() { 
 
\t \t \t $.post("sendmail.php"); 
 
\t \t \t return false; 
 
\t \t } 
 
\t </script> 
 
\t <!-- javascript code ends -->

<form class="well" action="" method=""> 
 
    <div class="form-group col-md-6"> 
 
     <label for="inputPassword4">Full Name</label> 
 
     <input type="text" name="name" class="form-control" id="inputPassword4" placeholder="Enter Full Name"> 
 
     </div> 
 
    </div> 
 
    <div class="form-row"> 
 
     <div class="form-group col-md-6"> 
 
     <label for="inputEmail4">Phone Number</label> 
 
     <input type="number" name="mobile" class="form-control" id="inputEmail4" placeholder="Enter Mobile Number"> 
 
     </div> 
 
     <div class="form-group col-md-6"> 
 
     <label for="inputPassword4">Email</label> 
 
     <input type="email" name="email" class="form-control" id="inputPassword4" placeholder="Enter Your Email"> 
 
     </div> 
 
    </div> 
 
    <button type="button" class="btn btn-primary" onclick="executePhp()" style="margin-left: 3%;" 
 
    data-toggle="modal" data-target="#myModal">Check</button> 
 
    </form> 
 

 
    <!-- Code for popup --> 
 

 
     <!-- Modal --> 
 
     <div class="modal fade mymodal" id="myModal" role="dialog"> 
 
      <div class="modal-dialog mydialog"> 
 

 
      <!-- Modal content--> 
 
      <div class="modal-content mycontent"> 
 
       <div class="modal-header myheader"> 
 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
       <h3 class="modal-title">Message</h3> 
 
       </div> 
 
       <div class="modal-body mybody"> 
 
       <br> 
 
       <br> 
 
       <h3>Thanks for choosing</h3> 
 
       <h4> 
 
        Your details will arive by email. 
 
        Sit back, we'll get back to you soon. 
 
       </h4> 
 
       <br> 
 
       <br> 
 
       </div> 
 
       <div class="modal-footer myfooter"> 
 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
       </div> 
 
      </div> 
 

 
      </div> 
 
     </div> 
 

 
    <!-- Code for popup end-->

ありがとうございました。

Answer 1

これを実現するにはJqueryを使用できます。 あなたはのような検証の前に2つの変数を持つことができますPHPで：あなたが表示できるモーダル体で

$popup_message = "login successfully."; 
    $popup_message_color = "success"; 
    //Open Modal 
    echo "<script type='text/javascript'> 
    $(document).ready(function(){ 
    $('#myModal').modal('show'); 
    }); 
    </script>"; 

：フォームが検証されている場合今、あなたはこのようなモーダルを表示することができ

$popup_message = ""; 
$popup_message_color = ""; 

メッセージと色。

<div class="modal-body"> 
    <p class="text-<?php echo $popup_message_color; ?>"><?php echo $popup_message; ?></p> 
</div> 

検証が失敗した場合は、その後、モーダルは、そのページにする必要があります別のページに検証され、あなたが変更した場合は、単に$popup_message_color = "danger";

注にあなたのメッセージや色を変更するために行われるのと同じ閉じるボタンはリンク先に戻ります。 また、PHPスクリプトは、jqueryをロードした後に来る必要があります。