如何使VS表单中的<button>不回发到服务器
如何使VS表单中的<button>不回发到服务器
提问于 2018-08-01 00:27:25
我正在VS 2017中创建一个页面，它使用bootstrap模式作为弹出窗口。当我将for放在asp.net表单中时，该模式会打开，然后立即关闭。当我将按钮放在窗体外时，模式工作正常。我尝试过使用asp.net按钮和OnclientClick，但都不起作用。我试过按钮中的onClick，但不起作用。我试过type="button"，不起作用。有没有办法阻止按钮导致提交。下面是代码。
<form runat="server">
----some code
<div runat="server" id="btnContinue" class="row justify-content-center">
<asp:Button ID="continue" runat="server" CssClass="btn btn-primary" text="Continue Login"/>
<button class="btn btn-secondary ml-2" data-toggle="modal" data-target="#myModal">Request Account</button>
</div>
</form>
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal Title</h5>
<button class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<p>Effective 22 May 08, access to the F-15 TADS site will require an approved DD Form 2875.</p>
</div>
<div class="modal-footer">
<button class="btn btn-secondary" data-dismiss="modal"></button>
</div>
</div>
</div>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-01 02:03:48
我很惊讶你仍然可以用VS2017构建web表单！
无论如何，如果您不在<button>上指定type属性，它将缺省为type=submit。这可能就是您看到模式立即打开和关闭的原因。
要触发该模式，一个带有type=button的简单<button>应该可以工作。它不需要在<form runat="server"></form>中
<button type="button" class="btn btn-secondary" data-toggle="modal"
data-target="#myModal">
Request Account
</button>即使按钮在<form>中，只要它指定了type="button"，它仍然可以工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51618043
复制相关文章
相似问题