浅析ASP.NET回车提交事件[转]

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

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

或者在内容页

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

(2)非母板页的类中:

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

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

目录
相关文章
|
.NET API 开发框架
ASP.NET Core中实现单体程序的事件发布/订阅
ASP.NET Core中实现单体程序的事件发布/订阅 背景# 事件发布/订阅是一种非常强大的模式,它可以帮助业务组件间实现完全解耦,不同的业务组件只依赖事件,只关注哪些事件是需要自己处理的,而不用关注谁来处理自己发布事件,事件追溯(Event Sourcing)也是基于事件发布/订阅的。
1601 0
|
.NET 数据库连接 开发框架
asp.net页面事件执行顺序(转)
#region OnPreInit 第一步    protected override void OnPreInit(EventArgs e)    {        //检查 IsPostBack 属性来确定是不是第一次处理该页。
687 0
|
.NET 开发框架
ASP.NET页面事件过程
UserControl1.ascx和UserControl2.ascx为先后在Test.aspx中创建的用户控件: 执行步骤 Test.aspx UserControl1.
671 0
|
JavaScript .NET 开发框架
在asp.net中,如何回车触发指定按钮的事件?
在.aspx页面中添加:function SubmitKeyClick(button) {     if (event.keyCode == 13)  {          event.keyCode=9;  event.
628 0
|
JavaScript 前端开发 .NET
C# 和 asp.Net 中用回车代替Tab键
有很多的朋友都会问到这个问题。在C#的WinForm中可以在控件的OnKeyPress事件里写。代码如下   Control control = (Control)sender;if (e.KeyChar==13){    SendKeys.Send(" ")   //发送Tab    //this.GetNextControl(control,true).Select();  //选择下一个控件    e.Handled = true; //表示事件已经处理。
1008 0
|
2月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
38 7
|
2月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
54 0
|
3月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
46 0