Wie create boxs bestätigen?

-2

bitte ich brauche deine hilfe !!! Ich möchte ein Bestätigungsfeld erstellen, bevor ich Informationen in meine Datenbank einfüge Ich möchte eine Bestätigungsmeldung erhalten, wenn ich auf Hinzufügen klicke. Wenn der Benutzer 'Ok' auswählt, dann ist Hinzufügen erledigt, sonst passiert nichts, wenn 'Abbrechen' angeklickt wird. das ist mein html5 CodeWie create boxs bestätigen?

<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>

meine PHP-Code ist in der gleichen Seite mit meinem HTML und JavaScript-Code, wie soll ich Javascript pricise müssen die Code

Quelle

2017-05-05 Jennifer95

Sie aren auszuführen ‚t Hinzufügen der Ereignis-Listener:

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

Es sollte:

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

Auch onConfirm Funktion ist nicht definiert.

Quelle

2017-05-05 13:24:54 alistaircol

alistaircol danke !! Mein Bestätigungsfeld ist fertig Mein Problem ist nun, wie ich meinen PHP-Code in Javascrip integrieren kann? – Jennifer95

@ Jennifer95 Sie brauchen Ajax –

ja ich muss Ajax verwenden, aber wie verarbeitet !!! ?? – Jennifer95

Wie create boxs bestätigen?

Antwort

Verwandte Themen