箱を確認する方法を作成するには？

-2

私はあなたの助けが必要です！私は自分のデータベースに任意の情報を挿入する前に確認ボックスを作成したい [追加]をクリックすると確認メッセージが表示されます。ユーザーが「OK」を選択すると「追加」が実行され、「キャンセル」がクリックされた場合は何も起こりません。は、これは私のHTML5コードである箱を確認する方法を作成するには？

<script> 
 
    var option = "êtes-vous sûr de vouloir ajouter ce RDV?"; 
 
     $('#btnAdd').on('click', function(e){ 
 
    \t \t confirmDialog(option, function(){ 
 
    \t \t \t //My code to Add 
 
    \t \t }); 
 
    \t }); 
 

 
     function confirmDialog(message, onConfirm){ 
 
    \t  var fClose = function(){ 
 
    \t \t \t modal.modal("hide"); 
 
    \t  }; 
 
    \t  var modal = $("#confirmModal"); 
 
    \t  modal.modal("show"); 
 
    \t  $("#confirmMessage").empty().append(message); 
 
    \t  $("#confirmOk").one('click', onConfirm); 
 
    \t  $("#confirmOk").one('click', fClose); 
 
    \t  $("#confirmCancel").one("click", fClose); 
 
     } 
 
    </script>

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>Add RDV</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
</head> 
 
<body> 
 
<!-- Modal dialog --> 
 
\t <div id="frmTest" tabindex="-1"> 
 
\t  <!-- CUTTED --><div class="modal-body"> 
 
     <form method="post" id="insert-form"> 
 
     <label>Nom</label> 
 
     <input type="text"id="name" class="form-control" required/> 
 
     <label>Prenom</label> 
 
     <input type="text"id="lname" class="form-control" required/> 
 
     <label>Date</label> 
 
     <input type="text"id="date" class="form-control" required/> 
 
     <label>Heure</label> 
 
     <input type="text"id="heure" class="form-control" required/> 
 
     
 
     </form> 
 
     </div> 
 
     <div id="step1" class="modal-footer"> 
 
\t \t <button type="button" class="glyphicon glyphicon-erase btn btn-default" id="btnAdd"> Add</button> 
 
\t \t </div> 
 
\t </div> 
 

 
    <!-- Modal confirm --> 
 
\t <div class="modal" id="confirmModal" style="display: none; z-index: 1050;"> 
 
\t \t <div class="modal-dialog"> 
 
\t \t \t <div class="modal-content"> 
 
     <div class="modal-header"style="background-color:green;color:white;text-align:center"> 
 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      <h4 class="modal-title" >Confirmation!</h4> 
 
     </div> 
 
\t \t \t \t <div class="modal-body" id="confirmMessage"> 
 
\t \t \t \t </div> 
 
\t \t \t \t <div class="modal-footer"> 
 
\t \t \t \t \t <button type="button" class="btn btn-info" id="confirmOk">Ok</button> 
 
\t \t   \t <button type="button" class="btn btn-danger" id="confirmCancel">Cancel</button> 
 
\t \t   </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</body> 
 

 
</html>

私のPHPコードは、私はあなたが上がらない

出典

2017-05-05 Jennifer95

を実行するために必要なコードはJavaScriptにpriciseものとどのように私のHTMLとJavaScriptコードと同じページにありますイベントリスナーを追加しない：

$("#confirmOk").on('click', onConfirm);

また、onConfirm関数は未定義です。

出典

2017-05-05 13:24:54 alistaircol

alistaircolありがとうございます！私の確認のボックスが私の問題は今すぐ準備ができてどのように私のPHPコードをjavascripに統合する方法です？ – Jennifer95

@ Jennifer95あなたはajaxが必要です –

はい私はajaxを使用する必要がありますが、どのように処理されましたか？ – Jennifer95

箱を確認する方法を作成するには？

答えて

関連する問題