Javascript 取消不会出现在laravel 8上的sweetalert 2上

如果用户希望提交审批，我希望弹出一个警报。但是，当单击sweetalert上的submit时，它只显示ok，没有取消选项

如何显示“取消”选项

以下是我的刀片脚本：

<form action="{{ route('Upload') }}" method="POST" enctype="multipart/form-data" id="form" class="formsubmit">
                                              @csrf
                                              <div class="form-group">
                                                  <label for="title">Title:</label>
                                                  <input type="text" class="form-control @error('title') is-invalid @enderror" id="title" placeholder="Enter Title" name="title" >
                                                  <!-- <span class="text-danger error-text judul_err"></span> -->
                                                  @error('title')
                                                    <div class="alert alert-danger mt-2">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                              </div>
                                              <!-- <div class="form-group">
                                                        <b>Images</b><br/>
                                                        <input type="file" name="file">
                                                    </div> -->
                                            <div class="custom-file">
                                                <input type="file" class="custom-file-input @error('file') is-invalid @enderror" name="file">
                                                <label class="custom-file-label" for="file">Pilih Berkas Maks. 2 MB</label>
                                                @error('file')
                                                    <div class="alert alert-danger mt-2">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                          </br>
                                          </br>
                                          </br>
                                            <div align="center">
                                              <input type="submit" value="Autentikasi" class="btn btn-primary"></input>
                                            </div>
                                            </form> 

@csrf
标题：
@错误（'标题'）
{{$message}}
@恩德罗
皮利赫·伯克斯·马克斯。2MB
@错误（'文件'）
{{$message}}
@恩德罗

和脚本javascript：

<script type="text/javascript">
        $(document).on('submit', '[id^=form]', function (e) {
          e.preventDefault();
          var data = $(this).serialize();
          swal({
              title: "Are you sure?",
              text: "Do you want to submit and pay 10 Rupiah",
              type: "warning",
              showCancelButton: true,
              confirmButtonText: "Yes, send it!",
              cancelButtonText: "No, cancel pls!",
          }).then(function () {
              $('#form').submit();
          });
          return false;
        });
        </script> ```

And the result is like this :
[Cancel does not appear on sweetalert 2 on laravel 8][1]

  [1]: https://i.stack.imgur.com/Lmvy1.png

$（文档）.on（'submit'，'id^=form]'，函数（e）{
e、 预防默认值（）；
var data=$（this.serialize（）；
游泳({
标题：“你确定吗？”，
文字：“您是否要提交并支付10卢比”，
键入：“警告”，
showCancelButton:true，
confirmButtonText：“是的，发送！”，
取消按钮文字：“不，请取消！”，
}).然后（函数（）{
$（'表格'）.submit（）；
});
返回false；
});
```
结果是这样的：
[取消未出现在laravel 8上的sweetalert 2上][1]
[1]: https://i.stack.imgur.com/Lmvy1.png

我假设您使用的是最新版本的Sweet Alert，因为您使用的是最新的Laravel。如果是这种情况，则需要将javascript更新为最新的SweetAlert方法

这已经过测试，并与最新版本的jQuery和SweetAlert配合使用

$（文档）.ready（函数（）{
$（'表格'）。提交（功能（e）{
e、 预防默认值（）；
游泳({
图标：“警告”，
标题：“你确定吗？”，
文字：“您是否要提交并支付10卢比”，
按钮：[“否，请取消！”，“是，请发送！”，
})
。然后（（值）=>{
console.log（“提交的表单”）；
});
});
});

Wow，谢谢，取消按钮出现^^。但是，当我想要单击批准时，什么也不会发生（没有成功提交响应数据）：(