`
hugang357
  • 浏览: 188514 次
  • 性别: 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;"/>
分享到:
评论

相关推荐

    点击回车提交表单,应用Java技术实现。

    2. **JavaScript事件监听**:学习如何使用JavaScript监听键盘事件,并在用户按下Enter键时触发表单提交。 3. **Java后端处理**:简要介绍如何使用Java处理来自前端表单的数据。 #### 三、HTML表单元素 HTML...

    按回车键提交表单~~~~~

    使用JavaScript处理键盘事件以实现表单的回车键提交功能 在Web开发中,我们经常需要为用户提供更友好的交互体验,其中一个常见的需求就是允许用户通过按下回车键来提交表单。这种方法可以提高用户体验,并且在很多...

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

    总结起来,回车键触发表单提交是HTML表单交互的一部分,通过理解其默认行为和利用JavaScript事件监听,我们可以定制符合需求的表单提交逻辑。在进行此类操作时,务必兼顾功能实现和用户体验,以提供高质量的Web应用...

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

    总的来说,禁止回车键提交表单可以通过多种方式实现,包括添加隐藏输入框、监听键盘事件、绑定按钮点击事件以及自定义表单提交逻辑。这些方法可以根据实际需求和用户体验来灵活选择和组合。在设计网页表单时,考虑到...

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

    本文将探讨如何使用JavaScript和jQuery来实现当用户在表单中按下回车键时触发表单提交的两种方法。 首先,我们要了解在HTML中表单提交的基础。通常情况下,表单提交是通过在表单元素内点击提交按钮来完成的。然而,...

    如何防止INPUT按回车自动提交表单FORM

    另一种方法是通过JavaScript监听input的键盘事件,当检测到回车键(键码13)被按下时,阻止默认的表单提交行为。以下是一个简单的示例: ```html (event.keyCode==13) return false;"&gt; ``` 在这个例子中,`...

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

    当涉及到表单提交时,JavaScript可以帮助我们实现更精细的控制,包括阻止用户通过按下回车键来意外提交表单。这种情况通常发生在用户在输入字段中按回车键时,如果未经处理,浏览器会默认将表单数据发送到服务器。 ...

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

    以下是关于JavaScript如何控制回车键触发表单提交问题的相关知识点: 1. 回车键提交表单的默认行为: - 在大多数浏览器中,如果用户在一个文本输入框(input type="text")内按下回车键,并且表单中存在type为...

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

    若检测到回车键被按下,则执行表单提交的操作。以下是具体的实现代码: ```javascript document.onkeydown=function(ev){ ev = ev || window.event; if(ev.keyCode == 13){ alert("我要提交表单了"); } } ``` ...

    如何防止回车(enter)键提交表单

    首先,我们可以使用JavaScript的事件监听方法来阻止回车键触发表单提交。最常见的方法是在`&lt;form&gt;`标签中添加一个`onkeydown`事件处理函数,当用户按下键盘上的键时,该函数会被调用。对于回车键,其对应的`event....

    没有form表单情况下敲回车键提交表单的js代码.docx

    一旦检测到回车键被按下,我们可以调用相应的函数来模拟表单提交行为。这通常涉及到收集输入框的数据、处理这些数据(例如进行格式验证),以及将数据发送到服务器端。 #### 代码示例 下面提供了一个简单的...

    网页 按ctrl+回车提交

    通过调用`formElement.submit()`,其中`formElement`是你要提交的表单元素,可以模拟表单提交过程。 以下是一个简单的示例代码,展示如何在HTML表单中添加这个功能: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;Ctrl + ...

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

    而在Chrome和Safari浏览器中,只需要满足第一个条件,即`&lt;form&gt;`的`action`属性有值,回车键就能触发表单提交。 如果需要在提交前进行一些验证或异步交互,如检查必填项、使用Ajax进行数据验证,可以通过`&lt;form&gt;`...

    javascript经典特效---ctrl加回车提交.rar

    在JavaScript编程中,"Ctrl + Enter"提交是一个常见的用户交互设计,特别是在表单填写场景下。这个功能使得用户可以通过按下键盘上的"Ctrl"键和"Enter"键来触发提交操作,而无需移动鼠标点击提交按钮。这样的设计...

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

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

Global site tag (gtag.js) - Google Analytics