码迷,mamicode.com
首页 > Web开发 > 详细

HTML,如何按回车提交表单

时间:2016-01-27 19:02:53      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:

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.cancelBubble
FF:
默认事件:e.preventDefault();
冒泡:e.stopPropagation();
JQ已封装过SUBMIT事件。只需要返回false就行。比如:
$("theFormID").bind("submit", function(e){
.........your code here
return false; //这样就行了。 或者你也可以用e.preventDefault(); 试下。
});

HTML,如何按回车提交表单

标签:

原文地址:http://www.cnblogs.com/haohaoxiansheng/p/5163886.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!