php - 使用 laravel 提交记录时添加确认弹窗

Question

我正在制作一个添加按钮，点击它会弹出一个可以输入数据的模式，但是点击后，这条记录会被发送出去，为了避免错误，我希望添加一个确认（是或否）弹出窗口以确保用户确定提交。以前有人用过这个吗？

这是我的模态代码：

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Subject add</h5>
    
        </div>
        <form action="/test/save-subject" method="POST">
            {{ csrf_field() }}
            <div class="modal-body">
          
            <div class="mb-3">
              <label for="recipient-name" class="col-form-label">Subject ID:</label>
              <input type="text" name="subjectcode" class="form-control" id="recipient-name" maxlength="6" style="text-transform:uppercase" required>
            </div>

            <div class="mb-3">
              <label for="message-text" class="col-form-label">Description:</label>
              <textarea name="detail" class="form-control" id="message-text" required></textarea>
            </div>

            <div class="mb-3">
                <label for="recipient-name" class="col-form-label">Email Address:</label>
                <input type="text" name="emailaddress" class="form-control" id="recipient-name" required>
              </div>
              <div>         
              <input type="checkbox" name="staff" value="1"> <label>Staff Update</label>
              </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Add</button>
        </div>
    </form>
      </div>
    </div>
  </div>

标签： phphtmlcsslaravellaravel-8