`
hugang357
  • 浏览: 181395 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript回车提交表单

    博客分类:
  • js
阅读更多
[align=center][align=center]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>回车提交表单</title>

</head>
<body>
<form action="http://www.sosuo8.com" method="post" name="myForm">
<input type="text" />
<input type="submit" value="提交" name="tijiao"><font color="#999999">按回车提交表单</font>
</form>
</body>
</html>
<script language="JavaScript" type="text/javascript">
document.onkeydown = function(evt){
var evt = window.event?window.event:evt;
if(evt.keyCode==13)
{
document.forms["myForm"].submit();
}
}
</script>
[/align][/align]







摘关于按回车提交表单的问题
1、首先我们来实现一按回车就自动提交表单的功能

这个其实比较容易,只要表单中含有一个“提交”的按钮,在文本框中输入内容后按回车就会自动提交这个表单,如果不想让提交按钮出现在页面上,可以这样写,按钮同样有效,只是被隐藏了:

<input type="submit" name="Submit2" value="提交"  style="display:none;"/>另外如果表单中只有一个文本框,没有提交按钮,也会自动提交。

2、那么如果不希望自动提交要怎么做呢

和上面相反,只要表单中没有提交按钮即可,或者把提交按钮写成这样的形式(frm是表单的name):

<input type="button" value="提交" onclick="frm.submit();"/>第二种情况,表单中只有一个文本框,不管有没有提交按钮,按回车都会自动提交表单,怎么办?这个问题看起来比较难解决,其实很容易。嘿嘿,只要在表单中再增加一个隐藏的文本框即可:

<input type="text" name="textfield2" style="display:none;"/>
分享到:
评论

相关推荐

    javascript实现回车键提交表单方法总结

    本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下: 第一种方法:javascript实现 代码如下:&lt;html&gt; &lt;head&gt; &lt;title&gt; javascript 实现回车键提交表单&lt;/...

    JavaScript阻止回车提交表单的方法

    如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown=”if(event.keyCode==13)return false;”把这句写在from标签里面就好了。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=" ...

    js 回车提交表单两种实现方法

    js 回车提交一些新手朋友还是比较陌生的,本文介绍两种实现方法:jQuery方法、JavaScript方法,感兴趣的朋友可以研究下

    禁止按回车键提交表单的方法

    出现自动提交的情况,有两种可能: ...我们对于第一种情况一般都知道而且很容易理解,但是对于第二种浏览器的默认行为,可能知道这一点的人就比较少了,下面我具体看一下浏览器(至少ie如此)在表单提交上的默认行为。

    javascript 回车键触发表单提交的问题

    比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,...

    按回车键时跳到下一个表单元素的javascript代码

    按回车键时跳到下一个表单元素的javascript代码 &lt;br&gt;函数说明:按回车键时跳到下一个表单元素 JumpToNextElement() 用于按回车键时跳到下一个表单元素(统一处理按回车键的问题) 在页面调用: &lt;script ...

    不同浏览器对回车提交表单的处理办法

    (注释1) 所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在type=”submit”的“input”后添加Javascript“onXXX(比如onClick)”事件。而如果需要用异步交互来检测相关字段,则无效了。...

    回车变成Tab的解决方案

    FireDefaultButton() 函数和网上的一些代码,弄了一个可以满足上述需求的解决方案,它的特性包括: &lt;br/&gt; 全部JavaScript代码都封装在了一个用户控件"EnterAsTab_SubPage.ascx"中,哪个页面想要回车变Tab...

    js光标定位文本框回车表单提交问题的解决方法

    主要介绍了js光标定位文本框回车表单提交问题的解决方法,涉及javascript阻止浏览器默认事件的方法,需要的朋友可以参考下

    使用JQuery实现Ctrl+Enter提交表单的方法

    有时候我们为了省事就操作键盘组合键去代替使用鼠标,我们今天就使用JQuery实现Ctrl+Enter提交表单。...那么我们可以通过Javascript脚本来控制使用Ctrl+Enter键来组合完成表单提交,本文结合示例讲解基于jQ

    javascript回车完美实现tab切换功能

    最经有一个项目是给化工厂做的在使用的过程中需要输入大量的数据,使用的都是小键盘区,在以前都是通过excel录入数据的现在, 在网页上需要实现excel 那样的回车换行的功能在网上找了有关这方面的问题但是都不怎么...

    表单填写时用回车代替TAB的实现方法

    关键之处在于tabindex,其设计思想是:为每个表单元素设置一个tabindex,其值分别为前一个表单元素的tabindex的值加一,函数的功能就是当用户按下回车键时先将当前tabindex的值加一,而后逐一与每个表单元素的...

    onkeydown事件解决按回车键直接提交数据的需求

    登陆页面需要扑捉用户按下回车自动提交的需求,于是相到在body里添加onkeydown事件跳javascript在提交表单,具体看下实现代码,希望对你有所帮助

    javascript实现按回车键切换焦点

    前几天,老师让编写一段代码:是在 javascript 表单中,用回车键和上下左右移动键使焦点从一个文本框移到上一个或下一个文本框中。应用目前为止学到的知识试着编写代码,在编写的过程中遇到了几个难点:取模计算;在...

    javascript 按回车键相应按钮提交事件

    在表单提交前经常遇到表单验证问题而常用的方法有以下两种.

Global site tag (gtag.js) - Google Analytics