ASP.NET and JQuery - Default Button Click

Question

I have an ASP.NET page that is basically a search form. My code for this form looks like this:

<form id="mainForm" runat="server">
  Search For: <asp:TextBox ID="searchTB" runat="server" /> 
  <input id="myButton" runat="server" type="button" value="Go" 
    onclick="disableButton(this);" onserverclick="myButton_Click" />

  <script type="text/javascript">
    function disableButton(b) {
      b.disabled = true;
      b.value = "Searching...";
    }
  </script>
</form>

This code works fine as long as a user manually clicks the button. However, if a user hits the "Enter" key, the search is not performed. My question is, how do I set an HTML button to the default button in an ASP.NET page when client-side scripting is involved?

Thank you!

The problem is related to the disabled=true. How do I disable the button, but still my the server side event fire? — user70192
– user70192, Commented Nov 5, 2009 at 12:17

Dave Swersky · Accepted Answer · 2009-11-04 18:15:21Z

1

Have you tried the onkeypress event? Bind it to the same function and it should work.

answered Nov 4, 2009 at 18:15

Dave Swersky

34.8k9 gold badges83 silver badges120 bronze badges

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

Comments

Mike · Accepted Answer · 2009-11-04 19:24:53Z

0

For enter to work by default, your button needs to be the first one on the page and it should be type="submit" rather than type="button".

You could also try changing your input to a standard asp.net button. If you change your javascript function to return true, the post click of the button should still work. However to bind 2 events to the button you may need to add the client side click in your page load method.

myButton.Attributes.Add("onclick", "return disableButton(this)");

edited Nov 4, 2009 at 19:24

answered Nov 4, 2009 at 18:39

Mike

2762 silver badges6 bronze badges

Comments

Glorfindel · Accepted Answer · 2023-01-24 15:16:21Z

0

ASP.NET 2.0 - Enter Key - Default Submit Button

edited Jan 24, 2023 at 15:16

Glorfindel

22.8k13 gold badges97 silver badges124 bronze badges

answered Nov 4, 2009 at 18:15

rick schott

21.1k5 gold badges54 silver badges81 bronze badges

1 Comment

gevorg Over a year ago

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes.

Collectives™ on Stack Overflow

ASP.NET and JQuery - Default Button Click

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related