ASP.NET回车提交事件浅析

 更新时间:2012年01月05日 15:16:08   作者:  
ASP.NET回车提交事件是什么呢?是如何实现的呢?ASP.NET回车提交事件的执行需要注意什么细节呢?那么本文就向你介绍详细的内容,希望对你有所帮助
ASP.NET回车提交事件其实说到底并不是ASP.NET 的编程问题,却是关于html form 中的submit 按钮就是如何规划的具体讨论。 也可归于ASP.NET编程的一部分,那么ASP.NET回车提交事件的具体实现是怎么样的呢?下面我们具体的看下:
ASP.NET回车提交事件实现1、
当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form
你可以测试一下代码:
复制代码 代码如下:

﹤form action=""﹥
﹤input type="text" /﹥
﹤input type="submit" value="submit" /﹥
﹤/form﹥
﹤form action=""﹥
﹤input type="text" /﹥
﹤input type="button" value="submit" /﹥
﹤/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 为你希望响应回车的真正按钮如下
复制代码 代码如下:

﹤form id="form1"
runat="server"
defaultbutton="Button1"﹥

注意 defaultButton = ﹤ ﹤TargetButton.ID﹥﹥ 因此这对复合控件中比如模板的 Button 可能无效(未测试)
(2)修改 button 呈现方式 UseSubmitBehavior="false"
复制代码 代码如下:

﹤asp:Button ID="Button1"
runat="server" Text="Button"
onclick="Button1_Click"
UseSubmitBehavior="false" /﹥

另外可以通过控制焦点的方式,过滤回车实践,需要记录一笔的是,获取当前页面焦点所在控件的ID:
document.activeElement
对于ASP.NET.我们在TextBox1中输入内容后,按下enter键后,就执行Button1的click方法。那么在page_load事件方法中写。
复制代码 代码如下:

TextBox1.Attributes.Add("onkeydown",
"if(event.which || event.keyCode){
if ((event.which == 13) || (event.keyCode == 13)) {
document.getElementById('"+
Button1.UniqueID+"').click();return false;}}
else {return true}; ");

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

﹤%@ Page Language="C#"
MasterPageFile="~/MasterPage.master"
AutoEventWireup="true"
CodeFile="login.aspx.cs"
Inherits="login" %﹥
﹤asp:Content ID="Content1"
ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server"﹥
﹤asp:TextBox runat="server"
ID="wd" ﹥﹤/asp:TextBox﹥
﹤asp:Button ID="btsubmit"
runat="server" Text="提交"
OnClick="btsubmit_Click" /﹥
...........................
﹤/asp:Content﹥

(1)含母板页的类中:
复制代码 代码如下:

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

或者在内容页
复制代码 代码如下:

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

(2)非母板页的类中:
复制代码 代码如下:

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

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

相关文章

  • 详解在ASP.NET Core中使用Angular2以及与Angular2的Token base身份认证

    详解在ASP.NET Core中使用Angular2以及与Angular2的Token base身份认证

    这篇文章主要介绍了详解在ASP.NET Core中使用Angular2以及与Angular2的Token base身份认证,有兴趣的可以了解一下。
    2016-12-12
  • asp.net Repeater显示父子表数据,无闪烁

    asp.net Repeater显示父子表数据,无闪烁

    两天在改项目bug,发现以前有人做的repeater显示父子表结构展开和关闭子表数据时总是有闪烁,于是就试着改成无闪烁的,成功了,与大家分享.
    2009-12-12
  • ASP.NET操作EXCEL的总结篇

    ASP.NET操作EXCEL的总结篇

    今年有个系统的部分EXCEL的操作也让我做,顺便结合之前操作EXCEL的经验作一下总结,可能也算不上什么,对于绝大多数来说也没什么技术含量,网上一搜一大把,但我想还是有必要总结一下
    2011-02-02
  • EF Core通过显式编译提高查询性能

    EF Core通过显式编译提高查询性能

    这篇文章介绍了EF Core通过显式编译提高查询性能的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-02-02
  • .NET Corek中Git的常用命令及实战演练

    .NET Corek中Git的常用命令及实战演练

    这篇文章将通过故事的形式从Git的历史谈起,并讲述Git的强大之处。然后通过实战演练教你如何在Github以及码云上托管我们的代码并进行代码的版本控制
    2019-04-04
  • WPF创建Prism应用程序

    WPF创建Prism应用程序

    这篇文章介绍了WPF创建Prism应用程序的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-02-02
  • Visual Studio创建WPF项目

    Visual Studio创建WPF项目

    这篇文章介绍了使用Visual Studio创建WPF项目的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • .net 弹出消息框后导致页面样式变乱解决方法

    .net 弹出消息框后导致页面样式变乱解决方法

    点击按钮,执行提交操作,弹出消息框后,页面的样式变乱,已经确定了不是css样式的问题,接下来与大家共同探讨下究竟是什么问题导致页面变乱
    2013-04-04
  • 详解ASP.NET MVC 解析模板生成静态页(RazorEngine)

    详解ASP.NET MVC 解析模板生成静态页(RazorEngine)

    我们在很多项目开发中会常常用到页面静态化,本篇文章主要介绍了详解ASP.NET MVC 解析模板生成静态页(RazorEngine) ,具有一定的参考价值,有兴趣的可以了解一下。
    2017-03-03
  • asp.net后台弹窗如何实现

    asp.net后台弹窗如何实现

    这篇文章主要介绍了asp.net后台弹窗如何实现,需要的朋友可以参考下
    2014-02-02

最新评论