Asp.net Enter Key to submit form

Asp.net Enter Key to submit form: An Overview

Asp.net submit form on enter key, but to achieve that you need to follow some set of procedure. In this Tutorial, we'll explain you how to do that. You can try our ASP.NET Certification Training to learn more about other ASP.NET functionalities.

Read More: Top 50 ASP.NET Core Interview Questions and Answers for 2024

Introduction

Suppose, you want to press/click submit button on Enter key press or you are trying to post the form on Enter key press. In asp.net, to achieve this functionality we need to set "Defaultbutton" property either in Form or in panel. Let's see how we can do that:

Form DefaultButton Property

<form id="form1" runat="server" defaultbutton="btnSubmit">
<div>
<asp:TextBox ID="txtUserID" runat="server"/> <asp:TextBox ID="txtUserpwd" runat="server"/> <asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit _Click" Text="Submit"/>
</div>
</form>

Read More: How can you become an ASP.NET developer

Panel DefaultButton Property

<asp:Panel ID="Panel1" runat="server" defaultbutton="btnSubmit">
<div>
<asp:TextBox ID="txtUserID" runat="server"/> <asp:TextBox ID="txtUserpwd" runat="server"/> <asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit _Click" Text="Submit"/>
</div>
</asp:Panel > 

Note

1. We specify the defaultbutton property at the Form level in the form tag when there is only one Submit Button for post back.

2. We specify the defaultbutton property at the Panel level in the Panel tag when there are multiple Submit Button for post back.

Summary

In this article, I try to explain the default submit behavior of form and panel. I hope you will refer this article for your need. I would like to have feedback from my blog readers. Please post your feedback, question, or comments about this article. To learn more about core concepts of ASP.NET, consider enrolling in our ASP.NET Training.

document.getElementById("yourFormId").addEventListener("submit", function(event) {
  event.preventDefault();
});