各种默认回车提交表单

总结：

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">

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

以上可以实现的效果：回车提交查询、新窗口、多input text、不出现原生的button。

原文：http://hi.baidu.com/wangworks/blog/item/92c30d11f4d91b0c213f2e3e.html 

各种默认回车提交表单,布布扣,bubuko.com

时间： 2024-12-24 20:05:57

各种默认回车提交表单的相关文章

HTML，如何按回车提交表单

HTML,如何按回车提交表单 2011-04-20 16:22straul | 浏览 20100 次 一个页面,有一个表单,用来提交表单的按钮是个button,用jquery来响应这个按钮的点击动作,通过post提交. 我想在用户输入完要填的东西之后,直接按回车键,就相当于按了那个button,该如何实现?多谢! 2011-04-20 16:27 提问者采纳 把那个button的类型改为submit就行了.<input type=submit value="提交" />不过

jquery回车提交表单

jquery回车提交表单,比较方便的功能. 三个事件keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 ,所以用keyup. $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); }});

阻止form元素内的input标签回车提交表单

<form></form>标签内input元素回车会默认提交表单. 阻止回车默认提交表单: $('form').on('keydown', function (event) { if (event.keyCode == 13) return false; }) 原文地址:https://www.cnblogs.com/wujiaqi/p/10248828.html

js 回车提交表单的实现

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:    1. 如果表单里有一个type="submit"的按钮,回车键生效.    2. 如果表单里只有一个type="text"的input

JQuery禁止回车提交表单

//禁止回车键提交表单——动态绑定 $(function(){ $("input").on('keypress',  //所有input标签回车无效,当然,可以根据需求自定义 function(e){ var key = window.event ? e.keyCode : e.which; if(key.toString() == "13"){ return false; } } ); });

Ajax异步按下回车提交表单

作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒 html <form id="findInvis"> 帖子标题: <input title="请输入帖子标题" name="title"> <!--input的类型还是submit--> <input type="submit" value="搜索" > </form> js /** * 点击查找

EasyUI回车提交表单

一.js工具类 /******************************************************************************* * 表单光标定位 * * @param formId * @param focusInputName */ function formFocus_Bruce(formId, focusInputName) { window.setTimeout(function() { $("#" + formId + &qu

回车提交表单

填写完表单数据之后,很多用户喜欢直接按回车提交,感觉速度比较快,省去了拿鼠标找“提交”按钮再单击的时间. 今天我们就来实现一下: 原理: 1,获取“Enter”按键的code: 兼容不同的浏览器的写法如下: var keyCode = e.keyCode || e.which || e.charCode 2,监听键盘onkeyup事件: window.onkeyup = function(e){ e = e || window.event; //获取事件对象 } 3,判断code键码是否为13(

JS回车提交表单

JavaScript实现方法 document.onkeydown = function(e) { if (!e) e = window.event;//火狐中是 window.event if ((e.keyCode || e.which) == 13) { document.getElementById("loginButtonId").click(); //loginButtonId为button登录按钮的ID } } jQuery实现方法 $(window).keydown(f