`
shirlly
  • 浏览: 1651735 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

使用 Enter 键提交表单

    博客分类:
  • .NET
阅读更多
一、使用 JS 代码
我们在表单里面的 TextBox (asp.net控件),然后在里面添加 attributes 响应对 JS 函数处理。具体我也不知道怎么说,看看代码就了解了。
//Add the javascript so we know where we want the enter key press to go
if (!IsPostBack)
{
     txtboxFirstName.Attributes.Add("onKeyPress", "doClick('" + btnSearch.ClientID + "',event)");
     txtboxLastName.Attributes.Add("onKeyPress", "doClick('" + btnSearch.ClientID + "',event)");
     txtboxAddress1.Attributes.Add("onKeyPress", "doClick('" + btnSearch.ClientID + "',event)");
     txtboxAddress2.Attributes.Add("onKeyPress", "doClick('" + btnSearch.ClientID + "',event)");
     txtboxCity.Attributes.Add("onKeyPress", "doClick('" + btnSearch.ClientID + "',event)");
     txtboxState.Attributes.Add("onKeyPress", "doClick('" + btnSearch.ClientID + "',event)");
     txtboxZipcode.Attributes.Add("onKeyPress", "doClick('" + btnSearch.ClientID + "',event)");
}

然后在default.aspx的页面里面写入下面的js代码:
<SCRIPT type=text/javascript>
    function doClick(buttonName,e)
    {
//the purpose of this function is to allow the enter key to 
//point to the correct button to click.
        var key;

         if(window.event)
              key = window.event.keyCode;     //IE
         else
              key = e.which;     //firefox
    
        if (key == 13)
        {
            //Get the button the user wants to have clicked
            var btn = document.getElementById(buttonName);
            if (btn != null)
            { //If we find the button click it
                btn.click();
                event.keyCode = 0
            }
        }
   }</SCRIPT>

二、使用 Panel 来实现
panel 的实现方法实现起来很简单,不用写任何一行代码。把我们的 TextBox 放到 panel 控件里面,然后设置 panel 控件的 defaultbutton 的属性为我们要响应的那个button的id。

<asp:Panel ID="panSearch" runat="server" DefaultButton="btnSearch2" Width="100%" >

只要把表单的部分,包括提交按钮包在pannel中即可

转自:http://www.cnblogs.com/jessezhao/archive/2007/02/21/653250.html
分享到:
评论

相关推荐

    javascript实现ctrl+enter键提交表单

    javascript实现ctrl+enter键提交表单并且兼容ie和ff以及google浏览器(Chrome)、苹果浏览器(Safari)、360极速浏览器(ie和火狐)

    js实现键盘Enter键提交表单的方法

    对于实现Enter键提交表单的需求,我们通常关注keydown和keypress事件。 在本文中,我们主要讨论了如何使用JavaScript中的keydown事件来实现在按下Enter键时提交表单的功能。我们可以通过编写一个专门处理键盘按下...

    Ctrl+Enter键按钮提交表单创建标签代码

    Ctrl+Enter键按钮提交表单创建标签代码是一款基于jquery textarea输入框实现的键盘创建标签特效代码。演示地址:http://www.datouwang.com/jiaoben/258.html

    利用JS屏蔽页面中的Enter按键提交表单的方法

    在网页开发中,有时我们需要避免用户通过按下键盘上的Enter键来触发表单的提交操作,因为这可能会导致未预期的...通过这些方法,你可以确保用户按下Enter键时不会意外地提交表单,从而提供更稳定、可控的网页交互体验。

    jQuery Ctrl+Enter提交表单

    本文将深入探讨如何使用jQuery实现一个功能,即通过按下键盘上的Ctrl + Enter键来提交表单,而不是常规的点击提交按钮。这个功能在很多场合下都非常实用,比如在论坛发帖或者聊天应用中,用户可以更加便捷地发送信息...

    如何防止回车(enter)键提交表单

    本文将详细讲解如何通过JavaScript来防止回车键提交表单。 首先,我们可以使用JavaScript的事件监听方法来阻止回车键触发表单提交。最常见的方法是在`&lt;form&gt;`标签中添加一个`onkeydown`事件处理函数,当用户按下...

    Ctrl+Enter键按钮提交表单代码.zip

    "Ctrl+Enter键按钮提交表单代码"是一个关于如何利用前端技术实现用户按下Ctrl+Enter组合键时自动触发表单提交功能的示例。这个压缩包可能包含了一个或多个HTML、CSS、JavaScript和jQuery文件,用于演示这一功能的...

    r键按钮提交表单代码.rar_r键按钮提交表单代码

    "r键按钮提交表单代码"这个主题涉及到如何利用键盘快捷键,尤其是Ctrl+Enter和R键来触发表单的提交操作。这通常用于提高用户效率,让用户在不离开键盘的情况下也能方便地发送数据。下面我们将详细探讨这一技术。 ...

    IE 下Enter提交表单存在重复提交问题的解决方法

    在网页开发中,表单提交是用户与服务器交互的关键环节,而在Internet Explorer(IE)浏览器中,使用Enter键提交表单时可能会遇到一个常见的问题——重复提交。这可能导致数据库中的数据异常,对业务逻辑造成影响。...

    禁止按回车键提交表单的方法

    针对这一行为,我们可以采取以下策略来禁止回车键提交表单: 1. 添加一个隐藏的文本输入框:在表单中添加一个CSS样式为`display:none`的文本输入框,这样即使用户按下回车,也会因为有多个文本输入框而不会触发提交...

    jsp中如何实现按下回车键自动提交表单

    总结来说,通过JavaScript(或者使用库如jQuery)监听键盘事件,检查回车键的按键码,并在检测到回车键被按下时触发表单的提交,可以在JSP中实现按下回车键自动提交表单的功能。这样,用户无需手动点击提交按钮,只...

    禁用Enter键表单自动提交实现代码

    例如,如果表单中有多个输入字段,我们可能希望用户能够在按下Enter键时进行换行(如在文本区域中),而不是立即提交表单。本文将详细介绍如何通过JavaScript代码来禁用Enter键触发的表单自动提交功能。 首先,我们...

    C# Tab键转Enter键,限制输入数字

    在传统的文本输入中,Tab键用于在表单控件之间切换焦点,而Enter键通常用于提交表单。为了使Tab键具有Enter键的功能,我们需要监听键盘事件,并在检测到Tab键按下时触发相应的处理函数。这可以通过重写控件的...

    enter键控制input光标移动到下一个框

    在网页设计中,用户与页面交互的一个常见行为是使用键盘进行导航,特别是使用"Enter"键来提交表单或在多个输入框之间切换。本文将深入探讨如何利用HTML和jQuery实现"Enter"键控制input光标移动的功能,使得用户在按...

    Web基本功能测试.docx

    4. **Enter键**:测试使用Enter键提交表单的功能。 5. **功能按钮**:验证“新增”按钮的响应。 6. **Back功能**:在提交后返回,检查数据是否被保存。 7. **系统繁忙处理**:模拟系统繁忙情况,测试多次提交的处理...

    jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)

    在本文中,我们将深入探讨jQuery中的键盘事件,特别是如何利用它们来实现特定的功能,如利用Ctrl+Enter组合键提交表单。 首先,键盘事件在JavaScript和jQuery中扮演着重要的角色,它们允许开发者响应用户的键盘输入...

    如何防止INPUT按回车自动提交表单FORM

    默认情况下,当用户在表单内的输入框(INPUT)中按下回车键时,浏览器会自动提交表单,这有时并不符合开发者的设计需求。本文将详细介绍两种防止INPUT按回车自动提交表单FORM的方法。 ### 方法一:增加一个隐藏的...

Global site tag (gtag.js) - Google Analytics