您的位置:首页 > 编程语言 > ASP

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

2012-06-13 16:52 531 查看
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.我们在[b]TextBox1中输入内容后,按下enter键后,就执行Button1的click方法。那么在page_load事件方法中写。[/b]

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

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: