form表单回车提交问题

键盘鼠标 键盘鼠标     2022-08-13     178

关键词:

最近发现在form里的一个input敲击回车键时会提交form表单。查了资料,发现会出现这个情况的原因是浏览器帮我们做了处理。这里总结几条规则:

1. 如果表单里有一个type=”submit”的按钮,回车键生效。

2. 如果表单里只有一个type=”text”的input,回车键生效。 

3. 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit

4. 其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。

5. type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。

因为我不想回车键响应,根据上面的规则,我发现是因为form里只有一个type="text"的input,所以我增加了一个无意义的type="text"的input,隐藏起来,这样就可以避免回车键响应的问题。、

参考资料:http://www.cnblogs.com/suizhikuo/p/4925086.html

按下回车默认提交form表单问题

...调用查询方法。检查发现有人在查询模块新增了一个form表单,找了很多和form表单相关资料才发现当form表单内只有一个type=“text”类型的<input>标签时按下回车默认会 查看详情

阻止form回车自动提交

 问题:当form表单中只有一个input时,在input中按回车键会自动提交.解决方案:  1.form元素上加onsubmit="returnfalse"(推荐)  2.多个input存在时按回车不会自动提交(注意:表单中有提交按钮的话,该方法不行)  3.给input绑定onkeydown事... 查看详情

form表单提交注意事项

1、在一个form表单中,若只有一个input(不管type是什么),按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一个特性。2、在一个表单中若存在一个input是submit,则按回车表单... 查看详情

遇到的一个form表单自动提交问题解决办法(代码片段)

Form表单中只有一个input元素时按回车会默认提交表单。有的时候我们希望按回车可以进行列表查询,但是查询后表单被自动提交了,然后刷新了整个页面。这个时候就需要对这个Form表单处理一下以满足在只有一个input元素时也能... 查看详情

阻止form元素内的input标签回车提交表单(代码片段)

<form></form>标签内input元素回车会默认提交表单。阻止回车默认提交表单:$(‘form‘).on(‘keydown‘,function(event)if(event.keyCode==13)returnfalse;)  查看详情

解决element表单回车提交会刷新页面的bug(代码片段)

问题描述Element表单,提交按钮添加回车按键提交事件.偶尔出现回车提交直接刷新页面的情况.原因分析:Element表单本身存在的一个Bug,原生form表单的默认事件就是回车提交,现在原生form表单不怎么用了.原生form中回车弹起就会... 查看详情

js采坑记录-form表单中只有一个input时,按回车键后表单自动提交

在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一个特性。 解决方案:1.把表单去掉,使用onclick事件,不用表单提交 2.多一个inpu... 查看详情

javascript控制回车键进行表单(form)提交(转)

一、采用钩子事件去捕获键盘事件有3个:keydown,keypress,keyup分别是按下,按着没上抬,上抬键盘。$(document).keyup(function(event){if(event.keyCode==13){$("#submit").trigger("click");}});推荐:keyup,防止笔记本键盘不小心触摸到。1、有些文档中... 查看详情

使用回车键阻止表单提交

】使用回车键阻止表单提交【英文标题】:Preventformsubmissionwithenterkey【发布时间】:2010-12-0611:47:04【问题描述】:我刚刚编写了这个在表单本身上工作的漂亮小函数...$("#form").keypress(function(e)if(e.which==13)vartagName=e.target.tagName.toLower... 查看详情

关于按下回车键自动提交表单问题解决(代码片段)

当直接按下回车键时,会默认提交表单,会发现表单提交报错,这时候需要,否则会报doesnotcontainhandlerparameternamed‘method‘.Thismaybecausedbywhitespaceinthelabeltext<html:formstyleClass="pure-formpure-form-aligned"action="/paymentScheme.do 查看详情

表单提交时submit按钮的值没有被提交(代码片段)

FORM表单中,submit提交的时候,有时候有值,有时候无值FORM表单中,submit的name是Submit。如下<inputtype="submit"name="Submit"value="提交表单"/>1.出现的几种情况1.当点击submit按钮时,FORM被提交,提交后获取的数组中有Submit下标的值2.... 查看详情

from表单回车自动提交

 自动提交的情况1表单只有单个输入框2type=‘submit 这里注意button默认type为submit 解决方法1添加一个隐藏的输入框2form添加属性onsubmit="returnfalse;" <form><inputtype="text"name=""><inputtype="hidden"name=""> 查看详情

回车即提交from表单数据(代码片段)

...</form>2.javascript代码functionsubmitForm_host_filter()//获取form表单对象,提交选择项目varform=document.getElementById("myform");form.submit();//form表单提交  查看详情

bootstrap表单按回车会自动刷新页面的问题

想给form表单增加回车自动提交的功能$(‘#password‘).keydown(function(event){if(event.keyCode==13)$(‘#login‘).click();});然而,并没有达到预期的效果,而是自动刷新了表单,并将表单参数放在了url后面,如图发现是是form标签的问题,将其改... 查看详情

移动端回车键触发表单提交及相关兼容

...我们有时候希望回车键敲在文本框(inputelement)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写... 查看详情

为啥具有单个输入字段的表单在输入时按回车键提交

】为啥具有单个输入字段的表单在输入时按回车键提交【英文标题】:Whydoesformswithsingleinputfieldsubmituponpressingenterkeyininput为什么具有单个输入字段的表单在输入时按回车键提交【发布时间】:2010-11-2502:18:35【问题描述】:为什么... 查看详情

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

我不希望每一个input按回车也提交表单,只想要按提交按钮的时候提交,其他的输入框按回车是达到切换焦点的作用。可是我在其他的输入框中按回车就开始提交,出现密码错误的提示,怎么办?在form标签里加上onkeypress="if(event.... 查看详情

form表单提交,上传文件以及提交前验证的问题。

 form表单是在开发中比较基础也比较常见的问题了,今天就给大家分享一下有关form表单提交的一些小问题.    首先我们来看一下基本的form结构.这里面我直接引用的bootstrap的form表单的框架。<formclass="form-horizontal"id="form1"n... 查看详情