отправка формы не работает в режиме bootstrap

Question

я хочу удалить данные в базе данных, используя bootstrap модальный дан php

, чтобы вызвать модальный

<a href="#" class="deleteDarah" id="<?php echo $data['id_darah']?>">
    <button class="btn btn-danger btn-sm">
        <span class="glyphicon glyphicon-trash" style="margin-right: 5px;"></span>Hapus
    </button>
</a>

javascript, чтобы передать значение и открыть модальный

$(document).ready(function () {
    $(".deleteDarah").click(function(e) {
        var m = $(this).attr("id");
        $.ajax({
            url: "includes/modal/modalDeleteDarah.php",
            type: "GET",
            data : {id_darah: m,},
            success: function (ajaxData){
            $("#modalDeleteDarah").html(ajaxData);
            $("#modalDeleteDarah").modal('show',{backdrop: 'true'});
            }
        });
    });
});

модальное

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="deleteDarahLabel">Hapus Data Darah</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <div class="modal-body">
                <form class="form-horizontal" action="action.php" method="post">
                    <label class="col-form-label">Apakah anda yakin akan menghapus data <?php echo $_GET['id_darah'] ?> ? </label>
                    <input type="text" name="id_darah" value="<?php echo $_GET['id_darah']; ?>">
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" name="hapusDarah" class="btn btn-success"><span class="fa fa-save" style="margin-right: 5px" id="hapusDarah"></span>Hapus</button>
                </form>
            </div>
        </div>
</div>

действие. php

if (isset($_POST['hapusDarah'])) {
    $id_darah= $_POST['id_darah'];
    $sql="delete from darah where id_darah='$id_darah'";
    $query= mysqli_query($koneksi,$sql)  or die("error: ".mysqli_error($koneksi));
    header('location:../admin/dashboard.php?page=darah');
}

я пытаюсь использовать input и button до submit, но страница не появилась не меняется, это как «действие» в «форме» пусто

Answer 1

Ваш HTML недействителен, потому что у вас есть открытые и закрывающие теги, пересекающие друг друга, и элементы вообще не закрываются должным образом. Поэтому ваш браузер не может разобрать его правильно и поэтому не знает, что ваш <form> существует. Поскольку в браузере не зарегистрировано ни одной формы, нажатие кнопки «Отправить» ничего не может сделать.

В частности, у вас есть проблемы, такие как

<div>
<form>
</div>
</form>

, когда открывающие и закрывающие теги пересекаются с каждым Другое и поэтому структура неясна. У вас также есть такие вещи, как

<input type="text" name="y" value="x">

, где в конце должен быть />, чтобы закрыть тег (потому что у него нет отдельного закрывающего тега).

Попробуйте изменить структура, чтобы теги не пересекались друг с другом, и все элементы действительны:

<form class="form-horizontal" action="action.php" method="post">
    <div class="modal-body">
        <label class="col-form-label">Apakah anda yakin akan menghapus data <?php echo $_GET['id_darah'] ?> ? </label>
        <input type="text" name="id_darah" value="<?php echo $_GET['id_darah']; ?>">
    </div>
    <div class="modal-footer">
        <button type="submit" name="hapusDarah" class="btn btn-success">
            <span class="fa fa-save" style="margin-right: 5px" id="hapusDarah"/>Hapus</button>
    </div>
</form>