Javascript 单击“提交”按钮后，确认框（引导框）不会出现

目前，有一种方法可以创建一个PHP页面来更新数据。在单击“提交”按钮将数据更新到数据库之前，我使用引导框确认框

问题是，当我点击按钮时，它将更新数据，而不会弹出确认框。下面是我当前的代码

php

>未决
>批准
您只需在javascript中传递警报..提交按钮时是否可以显示警报检查。类似于函数submit（）{alert（1）；您的代码}您可以显示示例代码吗？我不太明白
  <form action="<?php echo htmlspecialchars(basename($_SERVER['REQUEST_URI'])); ?>" method="post">
          <table class='table table-bordered' align="center" width="100%">
            <thead>
              <tr>
                <th>Requester</th>
                <th>Date Booked</th>
                <th>Purpose</th>
                <th>Factory</th>
                <th>Room</th>
                <th>Start</th>
                <th>End</th>
                <th>Remark</th>
                <th>Status</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td><?php echo $Requested_by; ?></td>
                    <?php 
                        $booked = strtotime($Book_Date);
                        $Book_Date = date("d M Y -- g:i A", $booked);
                    ?>
                <td><?php echo $Book_Date; ?></td>
                <td><?php echo $Meeting_Description; ?></td>
                <td data-factory="<?php echo $Fac_ID; ?>"><?php echo $Fac_ID; ?></td>
                <td data-room="<?php echo $Room_Desc; ?>"><?php echo $Room_Desc; ?></td>
                    <?php 
                        $Start = strtotime($StartTime);
                        $StartTime = date("d M Y -- g:i A", $Start);
                    ?>
                <td><?php echo $StartTime; ?></td>
                    <?php 
                        $End = strtotime($EndTime);
                        $EndTime = date("d M Y -- g:i A", $End);
                    ?>
                <td><?php echo $EndTime; ?></td>
                <td><?php echo $Remark; ?></td>
                <td><?php echo $Book_Status; ?></td>
              </tr>
            </tbody>
          </table>
        </form>
      </div>
    </div><br>
    <div class="card-body double">
      <h4 class="card-title">Find Room</h4>
      <div class="form-group">
        <label for="exampleFormControlSelect1">Factory/Permises</label>
        <input type="text" class="form-control" value="<?php echo $Fac_ID; ?>" disabled>
      </div>
      <div class="form-group">
        <label for="exampleFormControlSelect2">Room No.</label>
        <input type="text" class="form-control" value="<?php echo $Room_Desc; ?>" disabled>
      </div>
      <div class="form-group">
        <label for="exampleFormControlSelect2">Date & Time.</label>
        <div class="main" >
          <div style="float:left; width: 160px;">
            <div id="nav"></div>
          </div>
          <div style="margin-left: 160px;">                    
            <div id="dp"></div>
          </div> 
        </div>
      </div>
  </div><br>
  <div class="card-body double">
      <h4 class="card-title">Action</h4>
        <form action="update_booking.php" method="POST"> 
          <div class="form-group">
            <label for="exampleFormControlSelect1">Status</label>
              <select class="form-control" id="exampleFormControlSelect1" name="Book_Status">
                <option value="Pending" <?php echo $Book_Status == 'Pending'? 'selected': '';?> >Pending</option>
                <option value="Reject" <?php echo $Book_Status == 'Reject'? 'selected': '';?> >Rejected</option>
                <option value="Approve" <?php echo $Book_Status == 'Approve'? 'selected': '';?> >Approved</option>
              </select>
          </div>
          <input type="hidden" name="Book_No" value="<?php echo $Book_No ?>">
          <div align="center">
          <button type="submit" class="btn btn-primary btn-block" onclick="submit()">Save</button>
          </div>
        </form>

  <script>
    function submit() {
      bootbox.confirm({
        title: "<span style='color: white;'><b>Submit</b></span>",
        message: "Do you want to update this details?",
        buttons: {
            confirm: {
                label: 'Yes',
                className: 'btn btn-primary btn-sm'
            },
            cancel: {
                label: 'No',
                className: 'btn btn-danger btn-sm'
            }
        },
    callback: function (result) {
      if (result === true) {
            location.href = '../../dashboard/dashboard_admin.php';
        }else{

        }
    }
      });
  }
  </script>