Html 停止按钮从提交表单

Html 停止按钮从提交表单,html,twitter-bootstrap,forms,webforms,bootstrap-modal,Html,Twitter Bootstrap,Forms,Webforms,Bootstrap Modal,我有一个按钮,我正在使用引导3模式。这是一个ASP.NET Webforms应用程序。当点击按钮试图提交表单时,我可以看出,因为正在触发验证摘要。我已经将按钮类型设置为button。我还在onclick事件上尝试了e.preventDefault。这发生在按钮1上。如何防止按钮在服务器端单击事件回发时提交表单 我的情态 javascript 您可以使用: document.getElementById("Button").disabled = true; 或启用: document.getEl

我有一个按钮,我正在使用引导3模式。这是一个ASP.NET Webforms应用程序。当点击按钮试图提交表单时,我可以看出,因为正在触发验证摘要。我已经将按钮类型设置为button。我还在onclick事件上尝试了e.preventDefault。这发生在按钮1上。如何防止按钮在服务器端单击事件回发时提交表单

我的情态 javascript 您可以使用:

document.getElementById("Button").disabled = true;
或启用:

document.getElementById("Button").disabled = false;

我不明白您为什么需要回发思考?

解决方案是在按钮上将CausesValidation属性设置为false

<button type="button" runat="server" ID="Button1" class="btn btn-primary" OnServerClick="Button1_Click" CausesValidation="False">Accept Changes</button>

我有一个类似的地方,每个按钮标签都提交它所在的表单。可能与您无关,但只适用于那些使用相同搜索找到此页面的人:每个按钮标签都在提交它所在的表单

所以我有:

<button class="btn" role="button" onclick="javascript:loadAnotherPage();">Go</button>
并通过以下方式修复了自动提交:

<button class="btn" role="button" onclick="javascript:loadAnotherPage();return false;">Go</button>

我在asp:Button元素上使用UseSubmitBehavior=false属性解决了这个问题

但是,要小心,因为这会将asp:Buttons的HTML从type=submit转换为type=button。所以在我的例子中,我不得不调整一些CSS来适应这些变化


我会用一句话来回应,但是你必须有更多的代表来评论,而不是回答……不知道为什么。

你的问题是什么?我如何阻止按钮尝试提交@nbkhopec表单?你能为OnServerClick=Button1\u Click提供定义吗?@nbkhope我在上面添加了它尝试在函数中放置一个console.log,使用preventDefault查看它是否正确实际执行。另一方面,您的选择器可能只是$'Button1',我不知道这对我有什么帮助。您说,当单击按钮时,它会尝试提交表单以阻止按钮提交表单。您禁用了按钮。如果按钮被禁用,则不会触发OnServerClick事件。
<button type="button" runat="server" ID="Button1" class="btn btn-primary" OnServerClick="Button1_Click" CausesValidation="False">Accept Changes</button>
<button class="btn" role="button" onclick="javascript:loadAnotherPage();">Go</button>
<button class="btn" role="button" onclick="javascript:loadAnotherPage();return false;">Go</button>