how to set a default 'enter' on a certain button

Question

There is a textbox on a ContentPage. When the user presses Enter in that textbox I am trying to fire a 'Submit' button on this ContentPage. I'd like to fire off that particular button's event.

Instead, there is a search textbox & button on the top of the page from a MasterPage, and this search button's event fires off.

How do I control to fire off this ContentPage's submit button, instead of the MasterPage's search button?

I am using Ektron CMS for my content management.

Do you have a panel in the content page, maybe you could set default button as the submit in that case — V4Vendetta, Oct 03 '11 at 16:57
Thanks V4Vendetta, yes, i resolved this through adding a panel and setting the defaultbutton to submit — Ron, Oct 04 '11 at 03:43

score 101 · Accepted Answer · answered Oct 03 '11 at 16:58

101

The easiest way is to put the fields and button inside of a Panel and set the default button to the button you want to be activated on enter.

<asp:Panel ID="p" runat="server" DefaultButton="myButton">
  <%-- Text boxes here --%>
  <asp:Button ID="myButton" runat="server" />
</asp:Panel>

answered Oct 03 '11 at 16:58

Kirk

16,182
20
80
112

Please note that this solution relies on javascript, as something like `onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_MainContentPlaceHolder_btnSave')">` is added to your page – R. Schreurs Aug 14 '15 at 12:14
Perfect Solution - Thanks Kirk – Sensa Jan 29 '17 at 09:42
1

@kirk What if text-box is somewhere above the button I mean not together then how we could achieve the same? – Jyotish Singh Jul 06 '17 at 05:35
@JyotishSingh You can do the same thing if you put the `TextBox` and `Button` within the same `Panel`. Then set the _DefaultButton_ property. – Kirk Jul 06 '17 at 16:33

score 37 · Answer 2 · edited Feb 14 '13 at 23:54

37

if you need to do it from code, use

Me.Form.DefaultButton = Me.btn.UniqueID

Where btn is your button control.

edited Feb 14 '13 at 23:54

Mike

23,542
14
76
87

answered Feb 14 '13 at 23:37

Lester

371
3
2

score 18 · Answer 3 · answered Oct 03 '11 at 16:55

You can use the DefaultButton property on either a server-side form control or Panel control. In your case, group the controls together in a Panel that should fire off the same button:

<asp:Panel ID="SearchBox" runat="server" DefaultButton="BtnSearch">
    ...
    <asp:Button ID="BtnSearch" runat="server" Text="Search!" />
</asp:Panel>
....
<asp:Panel ID="UserPanel" runat="server" DefaultButton="BtnUserSubmit">
    ...
    <asp:Button ID="BtnUserSubmit" runat="server" Text="Submit" />
</asp:Panel>

score 6 · Answer 4 · answered Jul 02 '17 at 12:43

6

You can now use UseSubmitBehavior property to disable all the buttons you don't want to fire when hitting submit (check out the documentation for more info)

    <asp:Button ID="BtnNotToFIre" runat="server" Text="Search" UseSubmitBehavior="false" />

answered Jul 02 '17 at 12:43

adinas

4,150
3
37
47

1

Absolute star! This is what I need! – Stefano Magistri Nov 16 '17 at 10:17
And it doesn't require additional html/asp.net elements that may not work with the page layout. – Walter Feb 11 '18 at 18:16

score 1 · Answer 5 · answered Jun 13 '18 at 15:59

1

Microsoft say:

<form id="Form1"
    defaultbutton="SubmitButton"
    defaultfocus="TextBox1"
    runat="server">

enter link description here

answered Jun 13 '18 at 15:59

VolkanCetinkaya

645
7
13

score 0 · Answer 6 · answered May 22 '18 at 16:46

$(document).ready(function(){
    document.getElementById("text_box_id")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("button_id").click();
    }
    });
});

how to set a default 'enter' on a certain button

6 Answers6

Linked