HTML,如何按回车提交表单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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.cancelBubble
FF:
默认事件:e.preventDefault();
冒泡:e.stopPropagation();
JQ已封装过SUBMIT事件。只需要返回false就行。比如:
$("theFormID").bind("submit", function(e){
.........your code here
return false; //这样就行了。 或者你也可以用e.preventDefault(); 试下。
});

以上是关于HTML,如何按回车提交表单的主要内容,如果未能解决你的问题,请参考以下文章

在html中的表单,为啥一按回车键就提交表单了呢?

HTML表单中如何输完一行按回车跳到下一行

html表单 按回车不自动提交

如何禁止按回车键提交表单

如何禁止按回车键提交表单

按回车时表单未提交