回车自动提交Form表单的问题

最新推荐文章于 2024-05-08 09:44:27 发布
最新推荐文章于 2024-05-08 09:44:27 发布
阅读量383 收藏
点赞数
分类专栏： js AJAX html 文章标签： ajax input button 生活
js 同时被 3 个专栏收录
23 篇文章 0 订阅
订阅专栏
AJAX
4 篇文章 0 订阅
订阅专栏
html
3 篇文章 0 订阅
订阅专栏

　项目里有个ajax页面很简单，就一个input文本，和一个textarea和2个button，但每次都回车时自动触发form提交，这个ajax页面是用ajax提交的，不需要Form提交，查阅得到如下结论：

　　在Ｆｏｒｍ中如果只有ｉｎｐｕｔ　type为text的，那么回车将自动触发Form提交，我用js屏蔽回车也没有效果，解决方法相当让人崩溃，就是再加一个input上去，隐藏即可。

技术改变生活！
杰克2022
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Form表单按回车自动提交表单的实现方法
11-28
时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 如果不想让其自动提交可以这样做: 再添加一个<input type=”...
防止INPUT回车自动提交FORM表单
蝈蝈的博客
12-06 3135
在做广菲克项目里的一个修改功能时，发现form表单里只有一个input时，按回车form就自动提交了。 form中的input只有一个，input获得焦点时按回车会form自动提交： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <form action
html表单回车自动提交,网页表单回车自动提交问题
weixin_42301816的博客
05-31 820
1 当前问题网页中，一个form表单中如果type为text的input元素只有一个，输入焦点在text中时，回车表单将会自动提交(如指定表单的action属性，会提交到对应action，如未指定表单的action属性，则会刷新当前页面)。此种情况，经常出现在查询区域的表单中，当查询区域text类型的input只有一个时，输入内容回车页面将会自动提交。注意：这里说的form表单中的type为tex...
vue 阻止 textarea文本框回车自动提交form表单
azlnhaha的博客
07-20 442
【代码】vue 阻止 textarea文本框回车自动提交form表单。
html form 自动提交表单提交,HTML form 避免(回车)表单自动提交
weixin_28865923的博客
05-30 1216
1、JavaScript提交表单代码 document.forms["myform"].submit(); ordocument.myform.submit();//myform为表单名2、当表单中包含input的text、password等时按下回车键(Enter)会自动提交表单，有时需要这种功能，有时不需要这一功能。禁用回车自动提交攻略之一：1)用button按钮替换submit按钮；2)给b...
阻止form表单回车自动提交
m0_38038767的博客
09-08 2393
方法一： 在form标签中添加οnsubmit="return false;"，例如 <form class="" action="" onsubmit="return false;"></form> 方法二： 为要阻止回车提交的input标签添加οnkeydοwn属性，例如 <input onkeydown="if(event.keyCode == 13){ret...
Form表单 回车(Enter)提交表单问题
qq_37609418的博客
06-15 7491
在Form表单中input会自动响应回车事件。这是表单的默认提交动作。表单的提交行为，可以用两种方式定义，一是form表单自身，二是form表单的button元素(包括type='submit’的input标签，以及type=‘submit’的button元素，button元素type为Submit)。而点击Enter键会触发form表单提交。这被称为隐式提交，如果要阻止回车键提交表单，可以在form标签内添加如下代码 ng-keydown 指令不会覆盖元素的原生 onkeydown 事件, 事件触发时，n
防止INPUT按回车自动提交form表单
zxjdC的博客
10-16 847
需求描述： 当前页面有一个查询框，当该input框按下回车键时，希望默认走查询方法，从列表中查询符合条件的成员，但是浏览器默认的情况下，在input框按下回车键，会触发表单提交（保存按钮）。 解决思路： 阻止表单上按下回车键时自动提交； 给input框绑定事件，指定当按下回车键时触发查询； 实现代码 <form id="search_form" class="form-horizontal clearfix" role="form" method="post"> <div c
Angular【form 表单】自动提交问题
^Being^
04-19 934
使用 angular 中的 form 表单，表单内任意 input 输入框聚焦时，点击键盘上的 enter 键，form 表单会自动提交......
form表单回车自动提交（禁止）
没伞的孩子就得跑的专栏
02-05 1480
今天写了一个登录界面，测试的时候发现在任意一个输入框内键入回车之后表单就提交了。但是很明显在未输入完全的情况下是不应该允许提交表单的。那么原因到底是什么呢？ 其实，原因很简单。由于我在写按钮的时候一不小心就在<input>标签内加了一个type="submit"。就是这么一个属性导致了在任意一个输入框内键入回车表单就自动提交了。 解决方法也很简单： 第一：自己写一个按钮，自己写js去处理点击事件。
php 回车自动登录,Form表单按回车自动提交表单的实现方法
weixin_28982257的博客
03-17 151
1.form表单中只有一个input标签,按回车键将自动提交表单当form表单中只有一个时按回车键将会自动将表单提交。如果不想让其自动提交可以这样做:再添加一个按下回车将不会自动提交，但是页面上显示一个不知所云的输入框挺别扭，后从网上搜到两个解决办法：(1) 添加一个不显示输入框，然后回车之后也不会提交：(2) 添加一个onkeydown事件，然后回车之后也不会显示：ps: 我对于这个 event...
如何防止INPUT按回车自动提交表单FORM
11-29
form中的input只有一个，input...--input获得焦点后按回车form自动提交--> <input type="text"> </form> </body> </html> 有多个input时(不管是否是隐藏的)，任意一个input获得焦点都不会提
禁止按回车键提交表单的方法
09-03
主要介绍了禁止按回车键提交表单的方法的相关资料,需要的朋友可以参考下
头歌：SparkSQL简单使用
weixin_62399938的博客
05-01 1177
Spark SQL是用来操作结构化和半结构化数据的接口。当每条存储记录共用已知的字段集合，数据符合此条件时，Spark SQL就会使得针对这些数据的读取和查询变得更加简单高效。具体来说，Spark SQL提供了以下三大功能：(1) Spark SQL可以从各种结构化数据源（例如JSON、Parquet等）中读取数据。
Ajax从入门到精通
p6448777的博客
05-01 1709
<%=request.getParameter("tempName")%>
使用Maven对Java独立应用程序进行编译打包
最新发布
m0_74972727的博客
05-08 320
上面命令执行后会输出太多信息，使用下面命令查看想要的结果。
《原则》生活和工作 - 三余书屋 3ysw.net
jijing的专栏
05-01 1365
原则：生活和工作 您好，今天我们解读的书是《原则：生活和工作》。这本书和我们之前解读过的《原则：应对变化中的世界秩序》是同一个作者写的。那本书的主题非常宏大，它讨论的是世界运行的原则。而今天我们聊的《原则：生活和工作》，这本书主要是作者瑞·达利欧分享了他在日常生活和工作中恪守的一些原则。他认为要实现目标，最关键的是建立在原则基础上的工作和生活方式，用绝对理性的态度来应对这个复杂的世界。 让我们再来认识一下这位作者，瑞·达利欧，被誉为投资界的乔布斯，是华尔街的传奇人物。在投资领域，这个名字如雷贯耳。他
2024年4月个人工作生活总结
李迟的专栏
04-30 1432
本文为 2024年4月工作生活总结。more。
监控操作台为生活提供安全保障
JiaDeLi_console的博客
04-30 886
因此，提高操作员的专业素质，培养一支高素质的操作员队伍，是保障监控系统正常运行的关键。他们需要熟悉各种设备的操作方法，了解监控系统的运行原理，同时还要具备一定的应急处理能力，能够在突发情况下迅速做出判断和决策。此外，操作台还配备了丰富的接口，可以与各种传感器、摄像头等设备连接，实现全方位的监控。总的来说，监控操作台是现代社会不能缺少的一部分，它凭借其强大的功能和专业的技术，为我们的生活提供了安全保障。在未来，随着科技的进步，相信监控操作台将会变得更加智能、高效，为我们的生活带来更多的便利和安全。
antd form 回车 提交
09-02
首先，在Form组件的props中设置onFinish属性为一个回调函数，该回调函数会在表单验证成功后触发，即表单提交时执行的函数。 然后，在需要回车提交表单的输入框中，添加onKeyDown事件监听函数。当按下回车键时，触发...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值