Modal 打开后立即关闭 c#

Question

我想使用模式（通过单击按钮）将数据插入表中（在另一个控制器中调用操作） 这是我的cshtml代码：

    <section class="basic-elements">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="px-3">
                        <form class="form">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                                        <fieldset class="form-group">
                                            <label for="roundText">Clinic Name</label>
                                            @Html.DropDownListFor(m => m.clinics, new SelectList(Model.clinics, "Id", "Name"), new { @class = "form-control round" })
                                        </fieldset>
                                        <fieldset class="form-group">
                                            <button class="btn btn-success btn-round dropdown-toggle mr-1" id="btnAddClinic" onclick="ShowModalAddClinic()">add new clinic</button>
                                        </fieldset>
                                    </div>
                                </div>
                                <button class="btn btn-success btn-round dropdown-toggle mr-1" id="btnAddClinic" data-toggle="dropdown">insert</button>
                            </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

这是我的模态代码：

@section Scripts
{
    <link href="~/SweetAlert2/sweetalert2.min.css" rel="stylesheet" />
    <script src="~/SweetAlert2/sweetalert2.min.js"></script>
    <script>

    function ShowModalAddClinic()
     {
            $('#AddClinic').modal('show');
        }

    </script>
}

@section Modals
{
    <div class="modal fade" id="AddClinic" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">ایجاد کلینیک</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="col-xl-12 col-lg-12 col-md-12 mb-1">
                        <fieldset class="form-group">
                            <label for="basicInput">Clinic Name</label>
                            <input type="text" class="form-control round" id="ClinicName">
                        </fieldset>
                    </div>
                </div>
                <div class="modal-footer">
                    <a class="btn btn-secondary" data-dismiss="modal">close</a>
                    <a class="btn btn-primary" onclick="AddNewClinic()">add</a>
                </div>
            </div>
        </div>
    </div>
}

但是当我点击“添加新诊所”时，模式显示并立即消失。 如果您能帮助我解决这个问题，我将不胜感激。 谢谢你

Answer 1

我找到了答案： 原因是使用“表单标签”。 我删除了“表单标签”，现在可以使用了。