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

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-04-20
<script type="text/javascript" language="javascript">
document.onkeydown =cdk;
function cdk(){
if(event.keyCode="你绑定的键(回车键值13))
你要运行的事件...
}
</script>
第2个回答  2011-04-20
<input type="submit" name="Submit" value="提交" />
在这个语句里你加一句type="submit"就可以了
第3个回答  2011-04-20
<script language= "JavaScript ">
function keyEnter(){
if (event.keyCode == 13) {
alert('OK');
}
}
document.onkeydown =keyEnter;
</script>

HTML,如何按回车提交表单?
默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit)当type="button"时,且存在多个输入框,回车不提交。(button)解决方案:1.解决单个输入框的回车即提交问...

HTML,如何按回车提交表单
把那个button的类型改为submit就行了。<input type=submit value="提交" \/> 不过如果你要用jquery提交的话,那就先在响应动作事件的函数内把默认事件停止(e.stop())然后再用ajax提交。

使用html中submit按钮时,按ENTER键与用鼠标点击按钮操作是一回事吗...
按下ENTER键与单击按钮,看起来是一样的效果,其实它们是不同的,处理方法不同,具体看下例: ##Code<form method="post" action="">姓名:<input type="text" name="name"> <input type="submit" value="提交" onclick="alert('姓名是:'+this.form.name.value)"><\/form> 运行时发现,...

怎么设置回车键发送消息
通常,你需要获取用户在输入框中输入的信息,这可能涉及获取`value`属性,然后执行相应的发送操作,比如通过调用表单的`submit()`方法,或者在后台使用Ajax技术进行异步发送。这取决于你的应用程序架构和发送机制。将这些JavaScript代码插入到HTML文档的适当位置,用户在输入框按下回车键时,消息就能自动发送了。

请帮忙修改一段代码,回车也可提交表单,点击按钮的提交内容。_百度知 ...
com\/s'+document.getElementById('ss').value+'.html';" value="搜索" id="ii"> <\/form>JS:<script language="JavaScript">function keyLogin(){ if (event.keyCode==13) \/\/回车键的键值为13 document.getElementById("ii").click(); \/\/调用按钮的点击事件}<\/script> ...

html表单 按回车不自动提交
你的焦点定位在了"填写物流单号:<input type="text" name="carriageno" onmousemove="this.focus();" \/>"这里,建议去除onmouseover事件,其实用户要输入的话也就一个单击,或者用其他方式提醒用户输入,不要用this.focus()

HTML网页表单提交怎么做
HTML表单的基本结构包含一个``标签,用于定义表单数据的收集方式,以及指定表单数据的提交方式,如`action`属性指定服务器端接收数据的URL,`method`属性则定义提交数据的方式,如GET或POST。当用户填写完表单并点击提交按钮时,浏览器会将表单内的数据以某种方式发送到指定的URL。如果使用JavaScript处理,数据...

HTML 表单提交 的简单代码
1、打开Dreamweaver 编辑器,准备好一个空白的html文件,写入基本的html结构:2、创建表单,演示中表单中设置年龄和姓名两个属性,然后创建提交按钮:3、上方设置script标签,在里面创建js函数,函数内容为获取表单提交 3、接着打开浏览器预览效果,在表单内填入内容点击提交:4、点击提交后,js就会把数据...

html中submit和button的区别
INPUT type=submit 即发送表单,按回车提交表单 INPUT type=button 就是单纯的按钮功能,提交的是innerTEXT submit:特殊的button,会自动将表单的数据提交,onClick方法不加return 会自动提交,并不会起到约束的作用,所以,使用submit时需要验证请加 return true或false.例:<input type="submit" ...

html表单的几种提交方式总结
最普通最常用最一般的方法就是用submit type..看代码:复制代码 代码如下:<form name=”form” method=”post” action=”#"> <input type=”submit” name=”submit” value=”提交"> <\/form>另外,还有一种常用的方法是使用图片:复制代码 代码如下:<form name=”form” method=”post” ...

相似回答