Question

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

@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>元素之外。

如何打开bootstrap模式而不回发？

1 个答案: