HTML,如何按回车提交表单

HTML,如何按回车提交表单

 分享| 2011-04-20 16:22straul | 浏览 20100 次

一个页面,有一个表单,用来提交表单的按钮是个button,用jquery来响应这个按钮的点击动作,通过post提交。

我想在用户输入完要填的东西之后,直接按回车键,就相当于按了那个button,该如何实现?多谢!

2011-04-20 16:27

提问者采纳

把那个button的类型改为submit就行了。<input type=submit value="提交" />不过如果你要用jquery提交的话,那就先在响应动作事件的函数内把默认事件停止(e.stop())然后再用ajax提交。

追问:

多谢!呃,能不能再详细说一下e.stop()的用法

追答:

也就是事件的默认行为。最终调用的是:IE:window.event.returnValue = false;FF: window.event.preventDefault();也就是说,把按钮的默认行为取消,因为SUBMIT的默认行为是提交表单,那么你的JS就不会执行了。所以先取消默认行为。然后执行你的JQ来提交。另外提一下,事件默认行为和冒泡是两个概念,具体的你可以百度一下就知道。IE:默认事件:e.returnValue冒泡:e.cancelBubbleFF:默认事件:e.preventDefault();冒泡:e.stopPropagation();JQ已封装过SUBMIT事件。只需要返回false就行。比如:$("theFormID").bind("submit", function(e){    .........your code here    return false;  //这样就行了。  或者你也可以用e.preventDefault(); 试下。});
时间: 2024-10-13 09:06:17

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下则是t

jquery回车提交表单

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

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; } } ); });

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

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

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