asp.net中的回车事件

今天突然发现登陆的时候网站的跳转不是我想要的,后来自己写了一个方法,但是还是不太正确,在网上搜索了一下,一下是一些方法

ASP.NET回车提交事件是什么呢?是如何实现的呢?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 οnclick=_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 . }

(3)用户控件(.ascx)(这部分非转载内容,自己总结,已实现
在用户控件的窗体外部添加一个

< asp:Panel ID = " Panel1 "  runat = " server " >
....................
// 用户控件的内容
asp:Panel >

Cs:

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



上面适合一个按钮的情况,或者只有一个按钮需要提交

但是我的问题是我的表单里面同时有两个按钮,而且两个按钮都是服务器控件,这样我自己写的响应事件会提交一次,默认的会提交一次

这样跳转还是有问题的

后来我只能判断一下触发事件时光标所在的控件,然后使得不希望提交的那个按钮disabled=true



 function OnKeydown(obj, event) {
            if (event.keyCode == 13) {
                switch (obj.id) {
                    case "<%=txtKeyword.ClientID%>":
                    case "<%=txtTourDays.ClientID%>":
                    case "<%=txtEndDate.ClientID%>":
                        $("#<%=btnRouteSeacher.ClientID%>").click();
                        return true;
                        break;
                    case "ctl00_firstPage_txtUserName":
                    case "ctl00_firstPage_txtpassWord":
                    case "ctl00_firstPage_txtValidateNumberAndChar":
                        var isLogin = CheckLogin();
                        if (isLogin) {
                            $("#<%=btnRouteSeacher.ClientID%>")[0].disabled = true;
                            $("#ctl00_firstPage_btnLogin").click();
                        }
                        else
                            return false;

                }
            }

        }


你可能感兴趣的:(asp.net中的回车事件)