回车键提交与不提交表单的解决方法

最近遇到IE6/7下敲击回车后表单不提交的问题,网上找到些资料,备案下:

回车键提交表单：设置 <input /> 标签或者 <button> 标签的属性 type="submit" 即可。

回车键不提交表单，用JavaScript来解决，具体代码如下：

document.getElementsByTagName('form')[0].onkeydown = function(e){var e = e || event;var keyNum = e.which || e.keyCode;return keyNum==13 ? false : true;
};

分析：

如果按钮用 <input /> 标签，标签的 type="submit" ，IE6、7、8、Firefox回车时均提交。

如果按钮用 <input /> 标签，标签的 type="button" ，

1 没有 <input type="text" value="" /> 回车均不提交。
2 有一个 <input type="text" value="" /> ， IE6、7下焦点在何处回车均不会提交，IE8、只有焦点在 <input type="text" value="" /> 上时回车才会提交， Firefox均回车会提交。
3有多个 <input type="text" value="" /> ，IE6、7、8、Firefox均不会提交。

如果按钮用 <input /> 标签，标签的 type="" ，E6、7、8、Firefox均会默认为 type="text" 。

如果按钮用 <button> 标签，标签的 type="submit" ，E6、7、8、Firefox回车时均提交。

如果按钮用 <button> 标签，标签的 type="button" ，

1 没有 <input type="text" value="" /> 回车均不提交。
2 有一个 <input type="text" value="" /> ， IE6、7下焦点在何处回车均不会提交，IE8、只有焦点在<input type="text" value="" />上时回车才会提交， Firefox均回车会提交。
3 有多个 <input type="text" value="" /> ，IE6、7、8、Firefox均不会提交。

如果按钮用 <button> ，标签的 type="" ，IE6、7下默认的 type="button" ，IE6、7下焦点在何处回车均不提交，IE8、Firefox默认为 type="submit" ，IE8、Firefox均回车会提交。

http://www.joywebsite.com/2010/04/submit-or-donot-submit-form-on-enter-button/

转载于:https://www.cnblogs.com/aNd1coder/archive/2012/11/07/2758904.html

回车键提交与不提交表单的解决方法相关推荐

jquery submit()不能提交表单的解决方法
jquery submit()不能提交表单的解决方法参考文章: (1)jquery submit()不能提交表单的解决方法 (2)https://www.cnblogs.com/war-hzl/p/ ...
csrf测试name=submit与submit()冲突导致无法自动提交表单的解决方法
pikachu靶场环境中,post的csrf在参数中有一个submit=submit,开始poc如下 <html><body><form action="htt ...
php+提交和重置按钮传值,JS提交和重置form表单
本节示例讲解 JavaScript 的提交 form 表单和重置 form 表单. 提交表单使用和标签都可以定义提交按钮,只要将 type 属性值设置为"submit"即可, ...
php 表单处理,用PHP提交from表单的处理方法
用PHP提交from表单的处理方法 PHP独特的语法混合了C.Java.Perl以及PHP自创的语法.它可以比CGI或者Perl更快速地执行动态网页.下面是小编为大家搜索整理的PHP提交from表单的 ...
java怎么防止表单重复提交_如何防止表单重复提交
在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...
小程序提交表单mysql_GitHub - kun19911227/minipro: 微信小程序提交带图片的表单
minipro 微信小程序提交带图片的表单目录说明 upload_images ├── pages │ ├── upload_info 提交表单 │ └── display_info 信息展示 ├─ ...
表单提交连续点击html,通过提交“点击”触发器提交两次HTML表单
对于发布类似于SO近100个问题的问题,我很抱歉.我读了很多,尝试了几个解决方案,但无法解决我的问题,或者完全将答案与我的问题联系起来.通过提交"点击"触发器提交两次HTML表单 ...
ajax提交输入内容,当输入用于提交时，AJAX表单提交
我有一位设计师坚持通过点击回车和由AJAX提交的帖子和由Fancybox提供的回复提交的单个表单域.问题是return false不能阻止页面的提交.当输入用于提交时,AJAX表单提交我在那里做错了 ...
php提交表单并发送邮件,php提交表单发送邮件的方法
php提交表单发送邮件的方法发布于 2015-03-22 09:54:24 | 132 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertext Prep ...

回车键提交与不提交表单的解决方法

回车键提交与不提交表单的解决方法相关推荐

最新文章

热门文章