`
holdbelief
  • 浏览: 707571 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

按“回车”键提交表单

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function document.onkeydown()
{
     if(event.keyCode==13)// 侦测到按下键盘的按钮,13代表回车键
     {
	 	  event.returnValue=false; // 是当前事件的返回值为false
          event.cancel = true;  // 停止当前时间继续运行
          document.getElementById("btnQuery").click();//如果是回车键,使用代码触发提交按钮的点击事件。
          return false;
     }
}
</script>

<!-- 以下是第二种写法,效果相同 -->
<script language="javascript">
    function aa()
    {
        if (event.keyCode == 13)
        {
            event.returnValue=false;
            event.cancel = true;
            document.getElementById("btnQuery").click();
        }
    }
</script>

</head>

<body>
<form action="b.html" method="post" name="form1" id="form1"  >
    请输入查询内容:
    <input name="txtbtsname" type="text" id="txtbtsname" size="60" style="width: 100px; height: 22px"  />
    <input name="btnQuery" type="submit" id="btnQuery" value="查询" >
</form>
</body>
</html>

    b.html和a.html处于同一目录下即可。当然更多情况下是Servlet或者Struts的Action。

分享到:
评论

相关推荐

    按回车键提交表单~~~~~

    使用JavaScript处理键盘事件以实现表单的回车键提交功能 在Web开发中,我们经常需要为用户提供更友好的交互体验,其中一个常见的需求就是允许用户通过按下回车键来提交表单。这种方法可以提高用户体验,并且在很多...

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

    一是编写了javascript代码,当用户点按Enter键时,通过js事件侦听机制触发表单的提交。 二是利用了浏览器的默认行为(至少发现ie是这样的)。浏览器在解析网页的时候,有许多默认的行为,例如如果一个页面上有表单和...

    说说回车键触发表单提交的问题

    - **监听键盘事件**:使用JavaScript,通过监听`keyup`或`keydown`事件,捕捉到回车键(ASCII码13)的按下,并自定义提交逻辑。 ```javascript document.getElementById('myInput').addEventListener('keyup', ...

    没有form表单情况下敲回车键提交表单的js代码.docx

    ### 没有form表单情况下敲回车键提交表单的JS代码 在Web开发中,表单是用户与网站交互的重要方式之一。通常情况下,表单通过`&lt;form&gt;`标签来定义,并且可以通过点击按钮或者按下回车键来提交表单数据。但在某些特殊...

    Form表单按回车自动提交表单的实现方法

    1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个&lt;input type=”text” name=’name’ /&gt;时按回车键将会自动将表单提交。 &lt;form id='form1' action='a1.jsp' method='post'&gt...

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

    在网页设计中,有时我们希望...总的来说,防止回车键提交表单主要是通过监听键盘事件并阻止回车键的默认行为,通过编写适当的JavaScript代码,你可以自定义表单在用户按下回车键时的行为,从而提供更友好的用户体验。

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

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

    javascript实现回车键提交表单方法总结

    在Web前端开发中,实现用户通过回车键提交表单是一个常见的需求。回车键提交表单可以让用户在填写表单时更加便捷,提升用户体验。本文将分别介绍使用纯JavaScript和jQuery两种方式来实现这一功能的方法。 首先,...

    javascript 回车键触发表单提交的问题

    1. 回车键提交表单的默认行为: - 在大多数浏览器中,如果用户在一个文本输入框(input type="text")内按下回车键,并且表单中存在type为"submit"的按钮,那么表单将被提交。 - 如果表单内只有一个文本输入框,...

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

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

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

    `event.ctrlKey`检查是否按下了Ctrl键,`event.keyCode === 13`检查是否同时按下了回车键(回车键的键码是13)。`event.preventDefault()`用于防止浏览器的默认行为,即在输入框中按下回车时跳转到新行。 其次,...

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

    ### 如何在JSP中实现按下回车键自动提交表单 #### 背景介绍 在Web开发中,为了提升用户体验,有时我们需要实现在用户按下回车键时自动提交表单的功能。这对于登录页面、搜索框等场景非常实用。本文将详细介绍如何在...

    javascript 按回车键相应按钮提交事件

    #### 二、按回车键提交表单的实现 为了使用户能够在填写完表单后直接按“回车键”提交表单,我们需要在页面上添加一段JavaScript代码,用于监听键盘事件并在检测到“回车键”时触发按钮点击事件。 1. **编写...

    JSP中的FORM表单中只有一个input文本时,按回车键将会自动提交表单

    这种行为在某些情况下可能会导致意外的表单提交,例如在搜索界面中,用户可能期望回车键执行特定的查询逻辑,而不是直接提交表单。 在描述中提到的问题是,用户在输入框中输入汉字后按回车,输入框中的汉字变成了...

    按回车键显示EditText

    默认情况下,Android系统并未设置EditText监听回车键(Enter键)的事件,而是通常用于移动到下一个焦点或者提交表单。 为了实现按回车键显示另一个EditText或处理相关操作,我们需要自定义一个EditText,并覆盖其`...

    javascript 按回车键相应按钮提交事件.docx

    然而,在实际应用中可能会遇到这样一个需求:当用户完成表单填写后,希望可以通过直接按回车键来触发按钮的点击事件,从而执行表单验证并提交表单。 #### 二、传统方法概述 传统的表单提交方法有两种: 1. **使用...

    jquery按回车键实现表单提交的简单实例

    本文章在给大家介绍在用户输入完信息之后直接按回车进行表单提交的jquery实现方法,有需要了解的朋友可进来参考以。 键盘事件有3: jquery键盘事件参考: 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() ...

Global site tag (gtag.js) - Google Analytics