HTML,如何按回车提交表单

Posted

tags:

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

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

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

把那个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(); 试下。
);

参考技术A <script type="text/javascript" language="javascript">
document.onkeydown =cdk;
function cdk()
if(event.keyCode="你绑定的键(回车键值13))
你要运行的事件...

</script>
参考技术B <input type="submit" name="Submit" value="提交" />
在这个语句里你加一句type="submit"就可以了
参考技术C <script language= "JavaScript ">
function keyEnter()
if (event.keyCode == 13)
alert('OK');


document.onkeydown =keyEnter;
</script>

关于按下回车键自动提交表单问题解决

当直接按下回车键时,会默认提交表单,会发现表单提交报错,这时候需要,否则会报does not contain handler parameter named ‘method‘. This may be caused by whitespace in the label text

<html:form styleClass="pure-form pure-form-aligned" 
        action="/paymentScheme.do?action=initPaymentSchemeExamine" method="post">

但是又会发现表单自动提交调用initPaymentSchemeExamine方法,只要  在 html:form标签中添加  onsubmit=‘return false‘   即可,最终如下

<html:form styleClass="pure-form pure-form-aligned" onsubmit=‘return false‘
        action="/paymentScheme.do" method="post">

 

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

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

html表单 按回车不自动提交

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

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

按回车时表单未提交

关于按下回车键自动提交表单问题解决