HTML，如何按回车提交表单

Posted 2020-06-09

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(); 试下。
});