浅析ASP.NET回车提交事件

ASP.NET回车提交事件其实说到底并不是ASP.NET 的编程问题，却是关于html form 中的submit 按钮就是如何规划的具体讨论。 也可归于ASP.NET编程的一部分，那么ASP.NET回车提交事件的具体实现是怎么样的呢？下面我们具体的看下：

ASP.NET回车提交事件实现1、

当你的光标焦点进入某个表单元素的时候，会激活该表单中第一个（流布局顺从左到右，从上至下） type=submit 的按钮（假如有），等待响应回车事件，并提交该form

你可以测试一下代码：

   1. ﹤form action=""﹥
   2. ﹤input type="text" /﹥
   3. ﹤input type="submit" value="submit" /﹥
   4. ﹤/form﹥
   5. ﹤form action=""﹥
   6. ﹤input type="text" /﹥
   7. ﹤input type="button" value="submit" /﹥
   8. ﹤/form﹥

ASP.NET回车提交事件实现2.

在 ASP.NET 2.0 中 button 默认呈现为 ﹤input type=submit﹥ 此时不要额外脚本提交form ，submit 按钮就是设计用来提交form 而在 1.x 中则呈现为 ﹤input type=button onclick=_doPostBack(...) /﹥ 此普通 button 不具备 submit 的上述默认行为

ASP.NET回车提交事件实现3. 禁用此默认行为有法二

(1)设置 form 元素的 defualtButton 为你希望响应回车的真正按钮如下

   1. ﹤form id="form1"
   2.
   3. runat="server"
   4.
   5. defaultbutton="Button1"﹥

注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此这对复合控件中比如模板的 Button 可能无效（未测试）

(2)修改 button 呈现方式 UseSubmitBehavior="false"

   1. ﹤asp:Button ID="Button1"
   2.
   3. runat="server" Text="Button"
   4.
   5. onclick="Button1_Click"
   6.
   7. UseSubmitBehavior="false" /﹥

另外可以通过控制焦点的方式，过滤回车实践，需要记录一笔的是，获取当前页面焦点所在控件的ID：

   1. document.activeElement  

对于ASP.NET.我们在TextBox1中输入内容后，按下enter键后，就执行Button1的click方法。那么在page_load事件方法中写。

   1. TextBox1.Attributes.Add("onkeydown",
   2.
   3. "if(event.which || event.keyCode){
   4.
   5. if ((event.which == 13) || (event.keyCode == 13)) {
   6.
   7. document.getElementById('"+
   8.
   9. Button1.UniqueID+"').click();return false;}}
  10.
  11. else {return true}; ");

有ASP.NET里面用了form runat=server的表单的时候，里面的﹤asp:button .. 总不能按个回车提交表单，很是不爽。
现在终于发现了一个属性可以干这个事情，用 this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
值得注意的是，如果用了masterPage(母板页)，那么要在按钮ID前加上母板的ID:ContentPlaceHolderID和一个美元符($)

C#实现代码如下：

   1. ﹤%@ Page Language="C#"
   2. MasterPageFile="~/MasterPage.master"
   3. AutoEventWireup="true"
   4. CodeFile="login.aspx.cs"
   5. Inherits="login" %﹥
   6. ﹤asp:Content ID="Content1"
   7. ContentPlaceHolderID="ContentPlaceHolder1"
   8. Runat="Server"﹥
   9. ﹤asp:TextBox runat="server"
  10. ID="wd" ﹥﹤/asp:TextBox﹥
  11. ﹤asp:Button ID="btsubmit"
  12. runat="server" Text="提交"
  13. OnClick="btsubmit_Click" /﹥
  14. ...........................
  15. ﹤/asp:Content﹥

(1)含母板页的类中:

   1. protected void Page_Load(object sender, EventArgs e)
   2. {
   3. this.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
   4. }

或者在内容页

   1. protected void Page_Load(object sender, EventArgs e)
   2. {
   3. this.Page.Form.DefaultButton = "ContentPlaceHolder1$btsubmit";
   4. }

(2)非母板页的类中:

   1. protected void Page_Load(object sender, EventArgs e)
   2. {
   3. this.Form.DefaultButton = "btsubmit";
   4. }

ASP.NET回车提交事件的具体情况就向你介绍到这里，希望对你了解和学习ASP.NET回车提交事件有所帮助。

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志: