`

asp.net页面中 回车触发提交事件(转)

 
阅读更多

1.
深层次来说这不是 ASP.NET 的问题, 而是 html form 的 submit 按钮就是如何设计的。
当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) 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>
2.
在 ASP.NET 2.0 中 button 默认呈现为 <input type=submit> 此时不要额外脚本提交form ,submit 按钮就是设计用来提交form
而在 1.x 中则呈现为 <input type=button onclick=_doPostBack(...) /> 此普通 button 不具备 submit 的上述默认行为
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" />
(csdn 晓风残月)

另外可以通过控制焦点的方式,过滤回车实践,需要记录一笔的是,获取当前页面焦点所在控件的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和一个美元符($)

代码如下:
<%@ 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的TextBox回车触发事件

    ### Asp.net中的TextBox回车触发事件 在Asp.net开发中,经常需要处理用户在文本框(`TextBox`)内的输入操作,特别是在用户按下回车键时触发某些特定的操作,比如提交表单或者执行搜索功能等。本文将详细介绍如何在...

    asp.net页面回车触发button按钮方案

    ### ASP.NET 页面回车触发 Button 按钮方案详解 #### 一、概述 在 Web 开发中,尤其是在 ASP.NET 应用程序中,我们经常需要处理用户输入数据时的操作,比如通过按下 Enter 键来触发某个操作或提交表单。这种需求在...

    asp.net 文本框回车事件

    在ASP.NET中,默认情况下,当用户在一个文本框中按下回车键时,如果页面上存在按钮,则会触发页面上第一个按钮的点击事件。这种行为有时并不符合我们的需求,例如: - 我们可能希望在用户完成某个特定文本框的输入后...

    js触发asp.net的Button的Onclick事件应用

    在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制的麻烦。 asp.net带来便利的同时,也带来一个问题。在实际应用中一个页面存在多个...

    在ASP.NET中按Enter键时如何防止文本框回发

    在ASP.NET开发中,用户在文本框中按下Enter键通常会导致表单的默认提交行为,这可能会引起不必要的页面回发,影响用户体验或者导致错误的操作。本文将深入探讨如何通过使用jQuery来防止这样的文本框回发,以实现更...

    ASP.net开发经典button样式

    在ASP.NET开发中,按钮(Button)控件是不可或缺的一部分,它用于用户与网页进行交互,触发特定的事件。创建经典且美观的button样式不仅能够提升用户体验,还能为网站增添专业感。本教程将深入探讨如何在ASP.NET中...

    C# ASP.NET 模块 - 聊天室模块

    在IT行业中,C# ASP.NET框架常用于构建高效、安全且功能丰富的Web应用程序。聊天室模块是此类应用中常见的一种,它允许用户进行实时交流。本篇将详细讲解基于C# ASP.NET实现的聊天室模块及其核心功能。 首先,我们...

    ASP.NET中前台javascript与后台代码调用.doc

    这是一个由ASP.NET框架提供的客户端JavaScript函数,用于提交表单并触发特定的服务器端事件。 - **方法四**:监听键盘事件并触发表单提交。这种方法适用于需要在用户按下回车键时触发特定功能的情况。 2. **如何...

    ASP.NET回车提交事件浅析

    ASP.NET回车提交事件主要涉及HTML表单以及ASP.NET中对表单提交的处理。在HTML中,当用户在表单内输入时按下回车键,浏览器会寻找表单内的第一个`type=submit`的按钮并触发点击事件,从而提交表单。在ASP.NET框架中,...

    asp.net TextBox回车触发事件 图片在img显示

    TextBox回车触发事件 代码如下: //直接在js中写 [removed] function EnterTextBox() { if(event.keyCode == 13 && document.all[“TextBox1”].value != “”) { event.keyCode = 9; event.returnValue = false; ...

    在各种条件下触发Enter事件.NET(C#)

    3. **JavaScript与C#的交互**:在ASP.NET Web应用程序中,前端的JavaScript脚本可以与后端的C#代码进行交互,以实现更复杂的逻辑处理。 #### 实现方案 ### JavaScript实现 首先,我们来看一下如何通过JavaScript...

    textbox 回车执行事件

    在ASP.NET开发中,"textbox 回车执行事件"是一个常见的需求,特别是在构建表单或者搜索功能时。用户在文本框(textbox)中输入信息后按下回车键,通常希望触发一个特定的操作,如提交数据到服务器进行处理或执行搜索...

    .net,js捕捉文本框回车键事件的小例子(兼容多浏览器).docx

    最后,文章提到了其他相关的话题,如ASP.NET中启动线程、页面生命周期、自定义委托和事件参数、页面事件的执行顺序、WinForms中的拖放事件以及.NET中的异步编程模型等。这些都是.NET开发中常见的技术点,了解并掌握...

    asp.net中绑定TextBox回车事件的解决方法

    在ASP.NET开发中,有时我们需要实现当用户在TextBox控件中按下回车键时触发特定的事件,而不是默认的表单提交。以下是如何在ASP.NET中绑定TextBox的回车事件的详细步骤和方法: 1. **JavaScript处理回车事件**: ...

    ASP.NET常用代码

    ASP.NET常用代码 1. 打开新的窗口并传送参数: 传送参数: response.write("&lt;script&gt;window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"')&lt;/script&gt;") 接收参数: string a = Request....

    Textbox控件注册回车事件及触发按钮提交事件具体实现

    引子: 在ASP.Net页面中textbox的index为1(或n),其后的提交按钮index为2(n+1),光标在textbox中,回车后自动焦点移动到后面的button上,会触发button的点击事件。 但在Lyncplus客户端中访问Web页面时遇到了TextBox...

    asp.net架构基础知识--asp.net请求的处理过程

    然后,请求到达页面生命周期的阶段,对于ASP.NET Web Forms,这包括了Page_Init、Page_Load等事件。在这个阶段,开发者可以编写代码来初始化控件、加载数据等。对于ASP.NET MVC,请求会被映射到相应的控制器方法。 ...

Global site tag (gtag.js) - Google Analytics