javascript - Sweetalert 确认按钮在 laravel 8 上不起作用

Question

我有一个问题，当我想确认我同意提交数据时，但没有任何反应。数据提交成功无响应。

表单脚本：

<div class="panel panel-default">
    <div class="panel-body">
    <form action="{{ route('Upload') }}" method="POST" enctype="multipart/form-data" id="form" class="formsubmit">
    @csrf
    <div class="form-group">
        <label for="judul">Judul:</label>
        <input type="text" class="form-control @error('judul') is-invalid @enderror" id="judul" placeholder="Masukan Judul" name="judul" >
        @error('judul')
            <div class="alert alert-danger mt-2">
                {{ $message }}
            </div>
        @enderror
    </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> 

Javascript：

        $( document ).ready(function() {
            $('#form').submit(function (e) {
                e.preventDefault();
                swal({
                    icon: "warning",
                    title: "Are you sure?",
                    text: "Do you want to submit and pay 10 Rupiah",
                    buttons: ["No, cancel pls!", "Yes, send it!"],
                })
                .then((value) => {
                    console.log('form submitted');
                });
            });
        });
        </script> 

请帮助我，以便确认后的数据可以提交并出现成功警报

Sweetalert 确认按钮不起作用

标签： javascriptphplaravelsweetalert

Answer 1

你应该在“swal”之后写“fire”。像这样

 <script>
 $(document ).ready(function() {
            $('#form').submit(function (e) {
                e.preventDefault();
                swal.fire({
                    icon: "warning",
                    title: "Are you sure?",
                    text: "Do you want to submit and pay 10 Rupiah",
                    buttons: ["No, cancel pls!", "Yes, send it!"],
                })
                .then((value) => {
                    console.log('form submitted');
                });
            });
        });
</script>