Javascript 引导模式显示；注册成功“；填写报名表后，在同一模态上的文本

我尝试使用引导模式制作注册表单，成功注册后，我需要在同一模式中显示成功消息。我怎么做

我尝试按照本教程进行操作，但它不会将数据发布到数据库中

我删除了表单中的一些输入代码，因为它太长了

插入表格

<div class="modal fade" id="daftarModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3>Daftar</h3>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
            <form method="post" action="#" id="daftarForm">

                <div class="form-group row">
                    <label for="forEmail" class="col-sm-2">Email</label>
                    <div class="col-sm-10">
                        <input type="email" class="form-control" id="forEmail" name="email" >
                    </div>  
                </div>

                <div class="form-group row">
                    <label for="forNama" class="col-sm-2">Nama</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="forNama" name="nama" >
                    </div>
                </div>

                <div class="form-group row">
                    <label for="" class="col-sm-2">Jenis Kelamin</label>
                    <div class="col-sm-10">
                        <div class="radioBtn ">
                            <div class="form-check form-check-inline">
                                <input type="radio" class="form-check-input" name="j_kel" id="forLaki-Laki" value="Laki-Laki">
                                <label for="forLaki-Laki" class="form-check-label">
                                    Laki-Laki
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input type="radio" class="form-check-input" name="j_kel" id="forPerempuan" value="Perempuan">
                                <label for="forPerempuan" class="form-check-label">
                                    Perempuan
                                </label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <label for="" class="col-sm-2">Paket</label>
                    <div class="col-sm-10">
                        <div class="checkBtn ">
                            <div class="form-check form-check-inline">
                                <input type="checkbox" class="form-check-input" name="paket[]" id="forA" value="A">
                                <label for="forA" class="form-check-label">
                                    Paket A
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input type="checkbox" class="form-check-input" name="paket[]" id="forB" value="B">
                                <label for="forB" class="form-check-label">
                                    Paket B
                                </label>
                            </div><div class="form-check form-check-inline">
                                <input type="checkbox" class="form-check-input" name="paket[]" id="forC" value="C">
                                <label for="forC" class="form-check-label">
                                    Paket C
                                </label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input type="checkbox" class="form-check-input" name="paket[]" id="forD" value="D">
                                <label for="forD" class="form-check-label">
                                    Paket Daaa
                                </label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-sm-2">
                    </div>
                    <div class="col-sm-10">
                        <input type="submit" name="submit" class="btn btn-success" value="Daftar">
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>

PHP

if（！empty（$\u POST））{
$output=''；
$email=$_POST[“email”]；
$nama=$_POST[“nama”]；
$j_kel=$_POST[“j_kel”]；
$alamat=$_POST[“alamat”]；
$telepon=$_POST[“telepon”]；
$asalSekolah=$_POST[“asalSekolah”]；
$paketArray=内爆（'，'，$_POST['paket']）；
$sql=$koneksi->query（“插入到`peserta`（`id`、`email`、`nama`、`j_-kel`、`alamat`、`no_-hp`、`asal_-sekolah`、`paket`）值（NULL、$email`、`nama`、`j_-kel`、`alamat`、`telepon`、`asalSekolah`、`paketaray`）中）；
如果（$sql）{
$output.='Pendaftaran Berhasil'；
}否则{
$output.='Pendaftaran Gagal'；
}
}

这是因为您正在使用此

$（'#daftarModal'）在
success
上隐藏模式

在模式中创建一个横幅，如下所示，并将其隐藏。成功调用时显示方法


$（文档）.ready（函数（）{
//代码的其余部分
成功：功能（数据）{
$（'#daftarForm'）[0].reset（）；
//在这里展示横幅
$（'#banner'）.show（）；
}
});

成功
//代码的其余部分
您在这方面遇到了什么问题？？？
$(document).ready(function(){

    $('#daftarForm').on('submit', function() {
        event.preventDefault();
        $.ajax({
            url:"daftarForm.php",
            method:"POST",
            data:$('#daftarForm').serialize(),
            success:function(data)
            {
                $('#daftarForm')[0].reset();
                $('#daftarModal').modal('hide');

            }
        })
    });
});