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

form表单中只有一个文本框时回车提交表单问题.(解决)

阅读更多

今天写项目时,表单里只有一个文本框和若干个文本域。可是在文本框中一回车,就提交表单,感觉莫名其妙。于是就全搜索Submit关键字和keyCode=13关键字,搜了一遍居然没有结果。想了一会,我又加了一个文本框。再次尝试,这次没问题了。一个表单中出现两个文本框,在某个文本框中回车就会不提交表单了。于是乎,把没用的那个文本样式设置为隐藏。

关键代码如下:

<form action="durgAction" name="drugForm" method="post">

<input type="text" />

<input type="text" style="display:none" />//加上这段代码就OK了

</form>

1
0
分享到:
评论
4 楼 lihuanxi 2011-03-31  
http://blog.csdn.net/leftfist/archive/2008/10/29/3174310.aspx
这个链接太神马;
3 楼 lihuanxi 2011-03-31  
没说明原因;
不治本;
2 楼 quanhy5 2011-03-10  
同志,你有没有了解一下,为什么加上一个text就好了呢???不治本啊,解决方法还不科学。。。
1 楼 dwangel 2010-04-18  
还有别的方法

http://blog.csdn.net/leftfist/archive/2008/10/29/3174310.aspx

相关推荐

    ie ,火狐 文本框回车自动提交

    在网页开发过程中,一个常见的需求是当用户在文本框中按下回车键时,自动触发表单提交。这种功能在多种浏览器中实现的方式可能有所不同,尤其是对于IE(Internet Explorer)和Firefox这两种主流浏览器。本文将深入...

    js光标定位文本框回车表单提交问题的解决方法

    本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串。 原因:When there is only one single-...

    文本框回车提交与禁止提交示例

    同时,HTML5引入了`form.onsubmit`事件,允许在表单提交时执行函数,提供了更灵活的控制方式。 ### 5. 无障碍性(Accessibility) 在设计交互时,应考虑无障碍性。对于使用屏幕阅读器的用户,他们可能依赖键盘而非...

    按回车键依次移动光标到下一个文本框

    通过这种方式,你可以创建一个用户友好的界面,使得用户在填写表单时只需要按下回车键就能方便地在各个文本框之间切换,从而提升用户体验。记住,良好的编程实践不仅关注功能实现,还要注重易用性和可维护性。在编写...

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

    在JSP中,当FORM表单只包含一个input文本框时,用户按下回车键,浏览器会默认执行表单的提交操作。这是因为浏览器遵循一种默认的行为:在一个表单内,如果只有一个单行文本输入域(`&lt;input type="text"&gt;`),在该...

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

    在网页设计中,有时我们希望用户在填写表单时,按下回车键(Enter)不会立即触发表单的提交操作,而是执行其他行为或者不做任何处理。这是因为默认情况下,回车键会被用来提交表单,这可能不符合某些交互设计的需求。...

    按回车表单自动提交问题意外发现

    这样,即使表单中只有一个可见的输入框,按下回车键时,浏览器会识别到还有其他表单控件存在,因此不会触发表单的自动提交行为。 最后,需要注意的是,在一些表单设计中,可能会使用JavaScript来控制表单的提交过程...

    页面只有一个text的时候,回车自动submit的解决方法

    3. **添加隐藏文本框**:如描述中提到,如果上述方法仍然无法解决问题,可以尝试在页面上添加一个隐藏的文本输入框。这个额外的输入框使得浏览器认为表单中有多个输入字段,从而不会在回车时默认提交表单。例如: `...

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

    首先,当一个`&lt;form&gt;`表单中只有一个`&lt;input type="text"&gt;`标签时,按下回车键会自动触发表单的提交。这是因为浏览器的默认行为,它将回车键视为提交表单的信号。如果不想让表单在按回车时自动提交,可以采取以下两...

    C# 在窗体中按回车键依次变换控件焦点

    "C# 在窗体中按回车键依次变换控件焦点"这一主题,涉及到了如何使得用户在按下回车键后,焦点能够自动移动到下一个控件,以提高用户体验。这一功能常见于各种表单应用,例如网上购物、银行登录等,用户可以在不同的...

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

    要实现回车键自动提交表单,我们可以添加一个JavaScript函数,该函数监听键盘事件,并在检测到回车键被按下时模拟点击提交按钮。这里的关键在于捕获键盘事件(`keydown`或`keyup`)并检查其按键码(keyCode)。回车...

    不同浏览器对回车提交表单的处理办法

    而在Chrome和Safari浏览器中,只需要满足第一个条件,即`&lt;form&gt;`的`action`属性有值,回车键就能触发表单提交。 如果需要在提交前进行一些验证或异步交互,如检查必填项、使用Ajax进行数据验证,可以通过`&lt;form&gt;`...

    jquery禁止回车触发表单提交

    还有一个额外的文本输入框(`&lt;input type="text" class="a"&gt;`),当用户在该文本框中按下回车时,我们希望阻止表单的默认提交行为。 为了实现这一目标,我们可以使用jQuery的`keypress`事件监听器,来检测用户是否...

    使Form界面回车是切换到下一项,注意不要设置from的accessbuttom和keyprebiew属性

    其中一个常见的需求就是让用户可以通过按“Enter”键来切换表单中的焦点到下一个控件上,这样的设计可以提升用户体验,特别是在填写表格或者表单时尤为有用。然而,在实现这一功能的过程中,有一些细节需要注意,...

    jquery表单事件

    1. `submit`: 当表单被提交时触发。使用`$(selector).submit(function(event))`可以捕获并处理表单提交事件。 2. `focus`: 当元素获得焦点时触发。这对于在用户开始输入时执行某些操作非常有用。 3. `blur`: 当元素...

    jQuery实现form表单基于ajax无刷新提交方法详解

    在本文中,我们将深入探讨如何使用jQuery实现form表单基于Ajax的无刷新提交。这个方法允许用户在不刷新整个页面的情况下提交数据,提供更流畅的用户体验。以下是对jQuery实现这一功能的详细步骤和相关知识点: 1. *...

    cxGrid指定列回车跳转

    在IT领域,特别是涉及到用户界面开发时,"cxGrid指定列回车跳转"是一个常见的需求,主要用于提高数据输入和浏览的效率。cxGrid是一款强大的Delphi和C++Builder组件,用于创建高度自定义的数据网格控件。在这个场景中...

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

    2. 表单提交:在Web开发中,表单(Form)是用户与网页交互的一种方式。用户在表单中填写信息,提交后服务器可以对这些信息进行处理。表单通常包含输入字段,比如文本框、密码框、按钮等。 3. JavaScript键盘事件:...

    禁止空格提交表单的js代码

    针对这个问题,我们可以使用JavaScript来禁止空格提交表单,确保只有在用户确实想要提交时才会执行提交操作。 首先,我们需要在HTML的`&lt;input&gt;`元素上添加一个事件监听器,比如`onkeydown`,这样当用户在文本框中按...

    表单填写时用回车代替TAB的实现方法

    1. **在表单元素中设置`tabindex`**:为表单中的每个交互式元素(如文本框、复选框、文本区域等)指定一个唯一的`tabindex`值。这些值通常是递增的,例如,第一个元素设为1,第二个设为2,以此类推。 例如: ```...

Global site tag (gtag.js) - Google Analytics