禁用ASP.NET表单中的按钮,使用onsubmit将不会提交表单

时间:2018-01-16 09:51:27

标签: jquery asp.net

我有一个像

这样的表格
<form runat="server" onsubmit="return disableButtons()">
  <telerik:RadScriptManager runat="server" />
  <asp:FileUpload ID="uplNewFiles" runat="server" AllowMultiple="True" />
  <asp:Button runat="server" Text="Add file" OnClick="OnAddFilesToApplicationClick"/>
</form>

这样的脚本
function disableButtons()
{
  var buttons = $("input[type=submit]");
  buttons.prop("disabled", true);

  return true;
}

使用此onsubmit处理程序可以防止表单提交。

为什么?

1 个答案:

答案 0 :(得分:0)

尝试使用jQuery表单提交

<form runat="server" method="POST" action="/youraction" id="myForm">
    <telerik:RadScriptManager runat="server" />
    <asp:FileUpload ID="uplNewFiles" runat="server" AllowMultiple="True" />
    <asp:Button id="myBtn" type="button" runat="server" Text="Add file"/>
</form>



<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

<script>
$(document).ready(function(){
     $('#myBtn').click(function(){
          $('#myBtn').prop('disabled',true);
          $('#myForm').submit();
     });
});
<script>