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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在html中的表单,为啥一按回车键就提交表单了呢?相关的知识,希望对你有一定的参考价值。

我不希望每一个input按回车也提交表单,只想要按提交按钮的时候提交,其他的输入框按回车是达到切换焦点的作用。可是我在其他的输入框中按回车就开始提交,出现密码错误的提示,怎么办?

在form标签里加上onkeypress="if(event.keyCode==13||event.which==13)return false;"
就是禁用回车
参考技术A 代码贴出来看下追问

代码很多,超过追问的最大字数,我私信你看看

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 表单中的数据没有提交?

JavaScript给表单提交加上回车按钮,大侠请帮忙 答好我会在加分的 谢谢!!

为啥django不处理PUT方法带过来的表单