ASP.NET2.0使用Enter Key作為預設提交問題分析(附源碼)_實用技巧

來源:互聯網
上載者:User

本文執行個體分析了ASP.NET2.0使用Enter Key作為預設提交的方法。分享給大家供大家參考,具體如下:

網頁開發中最煩人的事情之一就是為表單處理"Enter key" ,"Enter key"已經成為使用者提交表單的偏好。雖然我們為使用者提供了提交按鈕,但是最簡單也是最直接的方式仍然是:輸入文字,然後斷行符號完成提交

ASP.NET 2.0中為此提供了很好的解決方案。只需要將"defaultbutton"屬性指定到想要引發事件的按鈕控制項的ID上就可以了。

在表單層級和面板層級(<asp:panel> 標記)均可以指定"defaultbutton"。當表單和面板中同時指定了defaultbutton,則如果在面板中觸發了"Enter key",則執行面板中的

下面的執行個體代碼中有一個表單和4個面板,報單和面板中都有按鈕。情各位注意:在文字框中斷行符號後會觸發哪些按鈕的事件

<form id="form1" runat="server" defaultbutton="btn1"><div><asp:TextBox ID="txt" runat="server"></asp:TextBox><asp:Button ID="Button5" runat="server" Text="Cancel" OnClick="Button5_Click" /><asp:Button ID="btn1" runat="server" Text="Submit" OnClick="btn1_Click" /><asp:Panel ID="pnl1" runat="server" defaultbutton="Button1"><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><asp:Button ID="Button1" runat="server" Text="Button1" OnClick="Button1_Click" /></asp:Panel><asp:Panel ID="Panel1" runat="server" defaultbutton="Button2"><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox><asp:Button ID="Button2" runat="server" Text="Button2" OnClick="Button2_Click" /></asp:Panel><asp:Panel ID="Panel2" runat="server" defaultbutton="Button3"><asp:TextBox ID="TextBox5" runat="server"></asp:TextBox><asp:TextBox ID="TextBox6" runat="server"></asp:TextBox><asp:Button ID="Button3" runat="server" Text="Button3" OnClick="Button3_Click" /></asp:Panel><asp:Panel ID="Panel3" runat="server" defaultbutton="Button4"><asp:TextBox ID="TextBox7" runat="server"></asp:TextBox><asp:TextBox ID="TextBox8" runat="server"></asp:TextBox><asp:Button ID="Button4" runat="server" Text="Button4" OnClick="Button4_Click" /></asp:Panel></div></form>//The corresponding, sample events for the button clicks areprotected void Button1_Click(object sender, EventArgs e){Response.Write(Button1.Text);}protected void Button2_Click(object sender, EventArgs e){Response.Write(Button2.Text);}protected void Button3_Click(object sender, EventArgs e){Response.Write(Button3.Text);}protected void Button4_Click(object sender, EventArgs e){Response.Write(Button4.Text);}protected void btn1_Click(object sender, EventArgs e){Response.Write(btn1.Text);}protected void Button5_Click(object sender, EventArgs e){Response.Write(Button5.Text);}

完整執行個體代碼代碼點擊此處本站下載。

希望本文所述對大家asp.net程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.