C# MVC模态框（Modal）打开后立即关闭问题求助

核心原因 #

你的「add new clinic」按钮放在<form>标签内部，按钮默认类型为submit，点击时会触发表单提交，页面刷新导致模态框刚显示就被刷新掉了。

修复方案（两种任选其一） #

方案1：给按钮指定type="button"属性 #

修改按钮代码，明确将按钮设为普通按钮，避免触发表单提交：

<button type="button" class="btn btn-success btn-round dropdown-toggle mr-1" id="btnAddClinic" onclick="ShowModalAddClinic()">add new clinic</button>

方案2：在函数中阻止默认提交行为 #

修改ShowModalAddClinic函数，添加事件参数并阻止表单默认提交：

function ShowModalAddClinic(e) {
    e.preventDefault(); // 阻止表单默认提交行为
    $('#AddClinic').modal('show');
}

同时修改按钮的onclick调用，传入事件对象：

<button class="btn btn-success btn-round dropdown-toggle mr-1" id="btnAddClinic" onclick="ShowModalAddClinic(event)">add new clinic</button>

额外注意事项 #

你页面中有两个按钮使用了相同的id="btnAddClinic"，这违反了HTML中id必须唯一的规范，建议修改其中一个按钮的id，避免后续出现JS或样式相关的异常问题。

内容的提问来源于stack exchange，提问作者Naghme Vahabi