Remove From My Forums

DefaultButton ina Web VB application

Question
0

Sign in to vote

User1816379506 posted

In a Web VB application I would like to use a defaultbutton so when the user press ENTER the button will execute.

When I code <form id="form1" defaultbutton="BTN-OK" runat="server">

I have to press ENTER twice before the Event happens. What am I doing incorrect? Thanks for any examples.

Wednesday, October 18, 2017 7:14 AM

Answers

User-1838255255 posted

Hi edcal,

According to your description and need, about how to use defaultbutton in the asp.net, please check the following sample:

Sample Code:

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server" defaultbutton="Button1">
        <asp:Button ID="Button1" runat="server" Text="Button"
            OnClick="Button1_Click" />
        <asp:Button ID="Button2" runat="server" Text="Button"
            OnClick="Button2_Click" />
        <asp:Button ID="Button3" runat="server" Text="Button"
            OnClick="Button3_Click" />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </form>
</body>

protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Write("11");
        }
        protected void Button2_Click(object sender, EventArgs e)
        {

        }
        protected void Button3_Click(object sender, EventArgs e)
        {

        }

Here are a article about how to set defaultbutton in asp.net, please check:

Submit Form on Enter Key press in ASP.Net:

https://www.aspsnippets.com/Articles/Submit-Form-on-Enter-Key-press-in-ASPNet.aspx

Best Regards,

Eric Du

Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM

Wednesday, October 18, 2017 8:41 AM

User2103319870 posted

Alternatively you can use Jquery to set default button for you page like below

Jquery Code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            //Capture the enter button click on form
            $(document).bind("keydown", function (event) {
                //Get the key code
                var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
                //check if the click event is enter button click
                if (keycode == 13) { // keycode for enter key
                    //Trigger the button click
                    document.getElementById('Button1').click();
                }
            });
        });
    </script>

HTML

 <asp:Button ID="Button1" runat="server" Text="Button" />

Vb.Net

 Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

    End Sub

Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM

Thursday, October 19, 2017 12:32 AM

All replies