今天突然发现登陆的时候网站的跳转不是我想要的,后来自己写了一个方法,但是还是不太正确,在网上搜索了一下,一下是一些方法
ASP.NET回车提交事件其实说到底并不是ASP.NET 的编程问题,却是关于html form 中的submit 按钮就是如何规划的具体讨论。 也可归于ASP.NET编程的一部分,那么ASP.NET回车提交事件的具体实现是怎么样的呢?下面我们具体的看下:
ASP.NET回车提交事件实现1、
当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form
你可以测试一下代码:
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 为你希望响应回车的真正按钮如下
2 .
3 . runat = " server "
4 .
5 . defaultbutton = " Button1 " ﹥
注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此这对复合控件中比如模板的 Button 可能无效(未测试)
(2)修改 button 呈现方式 UseSubmitBehavior="false"
2 .
3 . runat = " server " Text = " Button "
4 .
5 . onclick = " Button1_Click "
6 .
7 . UseSubmitBehavior = " false " / ﹥
另外可以通过控制焦点的方式,过滤回车实践,需要记录一笔的是,获取当前页面焦点所在控件的ID:
- document.activeElement
对于ASP.NET.我们在TextBox1中输入内容后,按下enter键后,就执行Button1的click方法。那么在page_load事件方法中写。
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#实现代码如下:
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)含母板页的类中:
2 . {
3 . this .Form.DefaultButton = " ContentPlaceHolder1$btsubmit " ;
4 . }
或者在内容页
2 . {
3 . this .Page.Form.DefaultButton = " ContentPlaceHolder1$btsubmit " ; //经测试
4 . }
(2)非母板页的类中:
2 . {
3 . this .Form.DefaultButton = " btsubmit " ;
4 . }
(3)用户控件(.ascx)(这部分非转载内容,自己总结,已实现)
在用户控件的窗体外部添加一个
.................... // 用户控件的内容
</ asp:Panel >
Cs:
上面适合一个按钮的情况,或者只有一个按钮需要提交
但是我的问题是我的表单里面同时有两个按钮,而且两个按钮都是服务器控件,这样我自己写的响应事件会提交一次,默认的会提交一次
这样跳转还是有问题的
后来我只能判断一下触发事件时光标所在的控件,然后使得不希望提交的那个按钮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;
}
}
}