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

各种默认回车 提交表单

    博客分类:
  • jsp
 
阅读更多
通过回车进行提交表单,可以在用户输入完毕后直接进行回车查询操作,不用点击鼠标,在某些场景应用下非常方便,用户体验较好。

最近项目中遇到一个Input表单提交的问题,让我烦躁了半天,这里网上别人总结的,我粘贴下来,自己方便,也做一下普及。
原始网址:

http://hi.baidu.com/wangworks/blog/item/92c30d11f4d91b0c213f2e3e.html
总结&科普一下:
1、如果form里面只有一个input type=text,那么无论有没有submit按钮,在input中回车都会提交表单。如果不想回车提交,需要再加一个input type=text,然后设置display:none.

2、如果form里面多于一个input type=text,那么必须有一个submit按钮才可以回车提交表单。
按钮可以是input也可以是button,他们应设置type=submit。如果只写button而不写type,那么IE下type=button,FF下则是type=submit。

3、如果form里面多于一个input type=text,并想实现回车提交表单,又不想在页面中出现原生的submit按钮。比如:你想通过一个带hover的图片连接,并通过js脚本来实现华丽的验证及表单提交……

可以加上一个input type=submit 并设置display:none在form里——但是!这仅仅对FF等有效。在IE下就会非常悲剧……如果希望IE生效,需要做以下的事情:

<input type="submit" style="display:block;overflow:hidden;width:0px;height:0px;position:absolute">

还尝试了其他很多方法,均无效。比如:
将input的颜色、边框、背景都设置为#FFF,在IE下会出现恶心的焦点框……
设置input的透明度……
设置input的visablity……
将input移到页面外面可见区域之外……
将input藏在某个object下面……
还能在trick点么……

最后一个问题:

为什么非要费劲的用form的默认回车提交,而不在input中监听keydown事件,等到code=13时使用javascirpt调用form对象的submit()方法?
前提如果你的form targtet!=_blank,那么你可以实现你想要的。
但是一旦target=_blank,根据我的实践,在keydown事件中进行submit到_blank
—— 这个新窗口定会被IE给block掉……(顺便提一下,如果是在click事件里调用form的submit方法,无论是本窗口还是新窗口,在IE中都不会被block,怀疑是IE的防弹窗广告策略)
http://blog.csdn.net/jiabeis/article/details/5815943
分享到:
评论

相关推荐

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

    出现自动提交的情况,有两种可能: ...我们对于第一种情况一般都知道而且很容易理解,但是对于第二种浏览器的默认行为,可能知道这一点的人就比较少了,下面我具体看一下浏览器(至少ie如此)在表单提交上的默认行为。

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

    事情是这样的,做了一个登陆页面,把 Form 去了,直接拿 Jquery 的 Ajax 跟服务器交互,但是这样的话 浏览器就不会默认响应 回车键提交数据了。索性让 Jquery 也接管 回车键的响应吧: 代码如下: $(“#loginbox ...

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

    比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,...

    如何去除表单的回车即提交即回车!=提交

    默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。 1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(submit) 2.当type="button"时,且存在多个输入框...

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

    主要介绍了js光标定位文本框回车表单提交问题的解决方法,涉及javascript阻止浏览器默认事件的方法,需要的朋友可以参考下

    使用JQuery实现Ctrl+Enter提交表单的方法

    当然,由于输入框是一个多行文本输入框textarea,我们知道,在textarea中按Enter(回车)键可以换行,并不能直接提交表单(submit),而默认情况下,浏览器忽略了Ctrl键。那么我们可以通过Javascript脚本来控制使用Ctrl+...

    form表单中去掉默认的enter键提交并绑定js方法实现代码

    form表单中默认的enter提交是不是让你已经很耐烦了吧,本文主要讲解一下如何去掉默认的enter键提交同时绑定js方法,感兴趣的朋友可以参考下哈

    ASP.NET2.0使用Enter Key作为默认提交问题分析(附源码)

    网页开发中最烦人的事情之一就是为表单处理”Enter key” ,”Enter key”已经成为用户提交表单的偏好。虽然我们为用户提供了提交按钮,但是最简单也是最直接的方式仍然是:输入文字,然后回车完成提交 ASP.NET 2.0中...

    asp.net实现取消页面表单内文本输入框Enter响应的方法

    本文实例讲述了asp.net实现取消页面表单内文本输入框Enter响应的方法。分享给大家供大家参考,具体如下: 很早以前开发asp.net项目...现在有一个新需求是这样的,录入人员在录入的时候按下enter键不提交表单(想想也是

    js触发asp.net的Button的Onclick事件应用

    用户习惯于在输入框输入内容之后,直接按回车就提交表单了。由于asp.net采用的是事件驱动模式,所以默认用户按回车并没有触发按钮的onclick事件。用户按回车也不是没有提交表单,通过httpwath可以看到,实际上页面...

    FineUI(ASP.NET UI控件) v4.1.2

    -修正页面上只有一个input[type=text]时,回车键会默认提交表单的问题(隨風往事-6128)。 -表格增加EnableRowLines属性,增加示例:表格控件-&gt;杂项-&gt;隐藏表格标题栏。 -修正单选框列表和复选框列表默认设置ReadOnly...

    Feng Office v2.5 多国语言版.zip

    错误修正:提交回车键通用搜索表单不会在谷歌Chrome浏览器工作 错误修正:使用所见即所得的链接时,现在保存为这种 错误修正:初级面包屑显示确切的上下文 错误修正:mysql的交易问题,而无需使用一个cronjob发送...

    html入门到放弃笔记

    1、提交用户请求 (UA : User Agent) 2、作为HTML 以及 脚本执行的 解释器 3、以图形化的方式显示web页面 2、主要浏览器产品 1、Microsoft Internet Explorer (IE) 2、Mozilla Firefox 3、Google Chrome 4、...

    IE助手(自动填表)

    SUBMIT 提交表单 cmd=SETLOCAL ;TagName默认为INPUT TagName= ;网页节点 属性标识 默认为NAME属性 AttName= ;网页节点 属性值 AttVal= ;值 支持自动转码如\r\n自动转换成换行回车符 Value=etsoftware.3322.org ;...

    超实用的jQuery代码段

    8.10 使用AJAX刷新异步提交表单 8.11 使用AJAX刷新上传图片 8.12 使用AJAX刷新验证PHP会话是否有效 8.13 在AJAX异步调用时显示加载指示器 8.14 在AJAX异步调用时处理JSON数据 8.15 解析XML数据并加载到HTML表格 8.16...

    JavaScript网页特效范例宝典源码

    实例070 不提交表单获取单选按钮的值 114 实例071 选中单选按钮后显示其他表单元素 116 实例072 通过单选按钮控制其他表单元素是否可用 117 2.4 复选框 117 实例073 不提交表单获取复选框的值 118 实例074 控制复选...

    禅道项目管理软件开源版5.3正式版本

    571 创建任务时提交表单后无法禁用提交按钮 572 解决ie下拉菜单固定宽度后无法完整展现内容的问题 573 批量创建bug时,应当根据所属模块设置其默认指派人 574 BUG高级搜索的时候“或者”的位置在Chrome浏览器上偏移...

Global site tag (gtag.js) - Google Analytics