asp.net-mvc - 如何打开 Bootstrap 模式而不回发？

Question

在 View 中，有一个文件上传控件(从下面的代码中排除)，两个按钮，一个用于保存，另一个用于显示模态。

@using (Html.BeginForm("Display", "Home", FormMethod.Post, 
new {enctype = "multipart/form-data"}))
{ 
    <div id="myModal" class="modal fade" role="dialog"> 
        <div class="modal-dialog">
            <div class="modal-content">
               <div class="modal-body">
               </div>
            </div>
         </div>
    </div><button id="btn1" name="update" class="btn btn-danger" type="submit">Save</button><br />
    <button id="btn2" name="savenadd" class="btn btn-danger" data-toggle="modal" data-target="#myModal">Display Modal</button>
}

如何防止单击 btn2 时页面回发？我不介意在模式关闭时发回。谢谢

Answer 1

WC3 标准指定默认 type对于<button>在 <form>是 type="submit" 。要防止默认行为，请将其设为 type="button" (请注意 name 属性不是必需的)

<button id="btn2" type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal">Display Modal</button>

或者，您可以将按钮移到 <form> 之外元素。