Asp.net Enter Key để gửi biểu mẫu: Tổng quan

Giả sử, bạn muốn nhấn/nhấp vào nút gửi khi nhấn phím Enter hoặc bạn đang cố gắng đăng biểu mẫu khi nhấn phím Enter. Trong asp.net, để đạt được chức năng này, chúng ta cần đặt thuộc tính "Defaultbutton" trong Form hoặc trong panel. Hãy xem chúng ta có thể làm điều đó như thế nào:

Thuộc tính Form DefaultButton

<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>

Đọc thêm: Làm thế nào để bạn có thể trở thành một nhà phát triển ASP.NET

Thuộc tính Panel DefaultButton

<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 > 

Ghi chú

1. Chúng tôi chỉ định thuộc tính defaultbutton ở cấp Biểu mẫu trong thẻ biểu mẫu khi chỉ có một Nút Gửi để gửi lại.

2. Chúng tôi chỉ định thuộc tính defaultbutton ở cấp độ Panel trong thẻ Panel khi có nhiều Nút Gửi để gửi lại.

Bản tóm tắt

Trong bài viết này, tôi cố gắng giải thích hành vi gửi mặc định của biểu mẫu và bảng điều khiển. Tôi hy vọng bạn sẽ tham khảo bài viết này khi cần. Tôi muốn nhận phản hồi từ độc giả blog của tôi. Vui lòng đăng phản hồi, câu hỏi hoặc bình luận của bạn về bài viết này. Để tìm hiểu thêm về các khái niệm cốt lõi của ASP.NET, hãy cân nhắc đăng ký khóa đào tạo ASP.NET của chúng tôi .

document.getElementById("yourFormId").addEventListener("gửi", hàm(sự kiện) {
  sự kiện.preventDefault();
});