Submit button is not disabling on ASP.NET MVC page

Question

I have BackoutClaim page. On the Submit button click, I have to disable the button and from the POst method, when the response comes back, I have to enable button back.

In the below code, the button is not disabling. Appreciate your responses.

    <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

   <script type="text/javascript">
       function TrimThatNameThenSubmit() {
           var tableName = $('#tableName').val().replace(/^\s+|\s+$/g, "");
           $('#tableName').val(tableName);
           **$('#Submit').attr('disabled', 'disabled');**
           $('form:eq(0)').submit();

       }
</script>

<% 
    var messages = ViewData["messages"];
%>
<% using (Html.BeginForm()) { %>
    <div>
        <div class="Spacer"></div>

        <div class="RevertCaseStateHeader" align="center">
            <%= Html.TextBox("tableName", "Enter tableName to Backout Claim", new { @style = "width: 400px;" })%>
            <input type="button" value="Submit" onclick="javascript:TrimThatNameThenSubmit()"/>
        </div>
             <div class="RevertCaseStateSummary" align="center">
             <% if (messages != null)
                { %>
                    <%= Html.Encode(messages)%>
             <% } %>
             </div>
    </div>
<% } %>

</asp:Content>

I'm pretty sure the following line is useless : $('form:eq(0)').submit(); — Pluc
– Pluc, Commented Aug 15, 2012 at 16:48

Bassam Mehanni · Accepted Answer · 2012-08-15 16:04:31Z

2

Your jQuery is selecting the button with id=Submit which doesn't exist, change your button definition to:

<input id="Submit" type="button" value="Submit" onclick="javascript:TrimThatNameThenSubmit()"/>

answered Aug 15, 2012 at 16:04

Bassam Mehanni

14.9k2 gold badges35 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Submit button is not disabling on ASP.NET MVC page

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related