Bonjour à tous, 

J'utilise une modale bootstrap pour un formulaire de demande. Un script javascript s'enclenche dès que l'on envoie le formulaire, pour vérifier si la date de début est bien antérieure à la date de fin. Le contrôle fonctionne parfaitement, mais le problème c'est que dans le cas contraire, la modale bootstrap se ferme et les données saisies sont effacées. Je voudrais faire en sorte qu'elle ne se ferme pas pour laisser la possibilité à l'utilisateur de corriger avant d'envoyer sa demande.

Voici l'extrait du code :

 <script>
    
    function CompareDate(){
      var dateDebut = document.dmdRemplacement.dateDebutRemplacement.value;
      var dateFin = document.dmdRemplacement.dateFinRemplacement.value;
      if (dateDebut < dateFin)
        {
          alert("ok");
          return true;
        } else {
          alert("ko");
          return false;
        }
    }
  </script>

 <form action="home.php" method="post" name="dmdRemplacement"  onsubmit="CompareDate()">
    <div class="modal fade" id="modaleDemande" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLongTitle">Créer une demande de remplacement</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          
            
          <div class="modal-body">
            <div class="form-group">
              <div class="row">
                <div class="col-lg-6 col-sm-12 col-xs-12">
                  <label>Date de début :</label>
                </div>
                <div class="col-lg-6 col-sm-12 col-xs-12">
                  <input type="date" id="dateDebutRemplacement" name="dateDebutRemplacement" class="form-control" required>
                </div>
              </div>
            </div>
            
            <div class="form-group">
              <div class="row">
                <div class="col-lg-6 col-sm-12 col-xs-12">
                  <label>Heure de début</label>
                </div>
                <div class="col-lg-6 col-sm-12 col-xs-12">
                  <input type="time" name="hourDebut" class="form-control" required>
                  
                </div>
               
              </div>
            </div>
            
            <div class="form-group">
              <div class="row">
                <div class="col-lg-6 col-sm-12 col-xs-12">
                  <label>Date de fin :</label>
                </div>
                <div class="col-lg-6 col-sm-12 col-xs-12">
                  <input type="date" id="dateFinRemplacement" name="dateFinRemplacement" class="form-control" required>
                </div>
              </div>
            </div>
            
            <div class="form-group">
              <div class="row">
                <div class="col-lg-6 col-sm-12 col-xs-12">
                  <label>Heure de fin :</label>
                </div>
                <div class="col-lg-6 col-sm-12 col-xs-12">
                 <input type="time" name="hourFin" class="form-control" required>
              
                </div>
                
              </div>
            </div>
            <hr>
            <div class="form-group">
              <div class="row">
                <div class="col">
                  <textarea name="commentaire" class="form-control" placeholder="Saisir un commentaire si vous le souhaitez"></textarea>
                </div>
              </div>
            </div>
                                     
            </div>
          
            <!--
            
             -->
                    
            
            
            
          <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fas fa-times"></i> Annuler</button>
            <button type="submit" class="btn btn-primary" name="btAddRemplacement"><i class="far fa-save"></i> Enregistrer ma demande</button>
          </div>
        </div>
      </div>
  </div>
      </form>

Sauriez-vous m'éclairer ?

Bonjour,

Je n'ai pas bien compris si votre fenêtre se ferme dans les deux cas (dateDebut < dateFin et dateDebut >= dateFin)

ou dans un seul seulement. Aussi, pouvez-vous donner plus de précisions svp ?