HTML,如何按回车提交表单
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML,如何按回车提交表单相关的知识,希望对你有一定的参考价值。
一个页面,有一个表单,用来提交表单的按钮是个button,用jquery来响应这个按钮的点击动作,通过post提交。
我想在用户输入完要填的东西之后,直接按回车键,就相当于按了那个button,该如何实现?多谢!
<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(); 试下。
);
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,如何按回车提交表单的主要内容,如果未能解决你的问题,请参考以下文章