`
zqc_0101
  • 浏览: 229092 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

点击回车键自动提交form的问题

阅读更多

今天遇到一个问题。


当form在这几种情况下时具有敲击回车后自动提交的功能:


1. 如果表单里有一个type=”submit”的按钮,回车键生效。

 
2. 如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。


3. 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。


4. 其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下

    不响应。


5. type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该

    用CSS添加背景图合适些。

 

这种提交可能并不是我们想要的,为了取消这种自动提交的功能可以这样处理,就是再写一个无意义的文本框,隐藏起来。

 

 

分享到:
评论

相关推荐

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

    如果确实按下了回车键,则模拟点击提交按钮的行为,进而实现表单的自动提交。 ### 2. 兼容性问题及解决方案 在上述代码中,可以看到开发者为了兼容IE浏览器而特别编写了一段逻辑。这是因为早期的IE浏览器与其他...

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

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

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

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

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

    本文将详细介绍如何防止`<input>`按回车键自动提交`<form>`表单。 首先,我们来看一下问题的示例代码: ```html <!doctype html> <title>test <form action="http://blog.csdn.net/gnail_oug" method="post"> ...

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

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

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

    然而,如果表单包含两个或多个文本输入框,浏览器就不会在任何输入框中按下回车时自动提交表单。这是浏览器的一个默认行为。 针对这一行为,我们可以采取以下策略来禁止回车键提交表单: 1. 添加一个隐藏的文本...

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

    -- 解决form表单在只有一个input输入框时回车会自动提交表单 --> </form> ``` 此外,还可以通过JavaScript绑定事件来避免这种情况。例如,可以监听键盘按键事件,当用户按下回车键时,执行特定的函数,阻止表单的...

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

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

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

    通常,表单提交可以通过点击提交按钮或者按下回车键(Enter)来实现。然而,在一些场景中,我们可能需要控制回车键的行为,以便使其在特定情况下触发表单提交,在其他情况下则不执行此操作。以下是关于JavaScript...

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

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

    Jquery响应回车键直接提交表单操作代码

    传统的 HTML 表单在用户按下回车键时会自动提交,但当使用 jQuery 和 AJAX 进行异步数据交互时,这个默认行为不再生效。本文将详细讲解如何使用 jQuery 实现回车键触发表单提交。 首先,让我们回顾一下问题的背景:...

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

    这两种方法都能够实现用户在输入完毕后,按下回车键即自动提交表单的功能。纯JavaScript的方式不依赖任何第三方库,而jQuery的方式则依赖jQuery库。在实际应用中,可以根据项目需求和个人喜好来选择适合的实现方式。...

    点击回车提交表单,应用Java技术实现。

    在这个例子中,我们利用JavaScript来监听键盘事件,并在用户按下Enter键时自动提交表单。 ```javascript document.onkeydown = function (evt) { var evt = window.event ? window.event : evt; // 兼容IE和其他...

    网页中表单按回车就自动提交的问题的解决方案

    在网页设计中,表单是用户与服务器交互的重要组成部分,其中的一个常见问题是在表单内按下回车键会自动触发表单的提交。这在某些情况下可能会带来不便,例如用户可能意外地提前提交了未完成的表单。本文将详细讨论这...

Global site tag (gtag.js) - Google Analytics