阻止表单以回车方式提交

最新推荐文章于 2024-07-11 16:15:56 发布

原创最新推荐文章于 2024-07-11 16:15:56 发布 · 571 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#表单

<form class="form-horizontal" name="filecheck" id="filecheck" role="form" onsubmit="return false;">

....

</form>

网上说单个input才会有回车提交，我试了并不管用,多个input也会提交,故采用以上方法！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

呼叫冰河谷

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

09-03

本文将详细讲解如何禁止用户通过回车键来提交表单，以避免这种不必要的行为。首先，我们要了解浏览器对表单的默认处理方式。在含有单个文本输入框的表单中，按下回车键会自动触发表单的提交。这是因为浏览器认为这...

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

09-01

如果检测到`event.keyCode`等于13（回车键的键码），则返回`false`，阻止表单的提交。 ### 总结防止INPUT按回车自动提交表单FORM，主要目的是让开发者有更多的控制权，特别是在需要自定义表单提交逻辑或优化用户...

参与评论您还未登录，请先登录后发表或查看评论

阻止表单回车默认提交事件

Lobove_code的博客

03-07

1543

阻止表单回车默认提交事件 onkeydown='if(event.keyCode==13) return false;' <form nz-form [formGroup]="validateForm" onkeydown='if(event.keyCode==13) return false;'> </form> 提交按钮加disabled <...

input 阻止表单输入框的回车键触发提交事件

最新发布

在职可交流前端开发，包括：web端、uniapp等，欢迎指教。

07-11

2467

layui组件。 input输入框，阻止回车键触发提交事件。 $("addMylable input").keydown(function (event) { if (event.keyCode == 13) { return false; } })

阻止 form 回车自动提交

sunxh0504的博客

11-12

1754

此问题是在手机端页面输入时发现的 Form表单只有一个input框，输入内容后直接回车，会直接提交这个表单，但是我的这个表单是通过Ajax提交，Form上并没有Action，所以会直接报错500，在此总结三种阻止form回车提交的方式。 1.form元素上加οnsubmit=“return false”(推荐) 2.多个input存在时按回车不会自动提交(注意:表单中有提交按钮的话,该方法不行) ...

阻止form表单回车提交刷新页面

lemon_宁萌

08-31

494

form表单记录点，备忘录

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

10-23

具体做法是在表单的onkeydown事件中添加判断逻辑，如果检测到按下的键是回车键（其键码为13），则通过返回false阻止表单的提交。示例代码如下： ```javascript window.onload=function() { var myform = document....

阻止form表单回车自动提交

m0_38038767的博客

09-08

2684

方法一：在form标签中添加οnsubmit="return false;"，例如 <form class="" action="" onsubmit="return false;"></form> 方法二：为要阻止回车提交的input标签添加οnkeydοwn属性，例如 <input onkeydown="if(event.keyCode == 13){ret...

回车事件阻止

LzwGlory的专栏

03-04

1009

//回车事件阻止 window.onload = function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { return false; } } }

form表单input标签回车键禁用表单提交，走js方法提交

qq_21810059的博客

10-20

592

给form标签加 οnkeydοwn=“if(event.keyCode==13)return false;给input标签添加 οnkeydοwn=“BindEnter(event)”或者给body添加 οnkeydοwn=“BindEnter(event)”就会执行 BindEnter()方法了。进止input回车，提交表单。

按 Enter 阻止用户提交表单

HuntsBot的博客

01-19

955

我在网站上进行了一项调查，用户按 Enter 键（我不知道为什么）并在未单击提交按钮的情况下意外提交了调查（表单）似乎存在一些问题。有没有办法防止这种情况？我在调查中使用 HTML、PHP 5.2.9 和 jQuery。

阻止回车键触发Form表单的自动提交事件

Small_tril的博客

04-14

3325

当Form表单中，存在button和input时，当input处于激活状态，此时如果输入回车，则会触发表单的button事件。此种情况不符合生产逻辑，需要进行处理。那么如何处理呢？ 1、form标签上添加属性，onsubmit="return false" <form class="layui-form" id="infoForm" lay-filter="infoForm" role="form" onsubmit="return false;"> <div class="

小技巧之阻止回车提交表单

heartandwater的博客

07-08

820

经常在写了表单之后，又要手动去阻止回车触发的提交，浪费一个事件，感觉有点像阑尾炎，玩笑。如果不希望有这种默认行为，那么不要在表单内使用 type=“submit” 和 type=“image”，就可以了。也就是不要有提交按钮，按钮指定 type="buttoin"就可以了 ...

点击回车键禁止form表单提交。

种种的博客

01-05

4142

今天遇到一个bug，就是在按下回车键的时候，已经下拉的下拉框，马上合拢再下拉。或者是闭合的下拉框列表马上下拉再合拢。主要是只发生在第一个。看看这个图片：当鼠标点击进去Search…搜索框时，点击Enter（回车）时，第一个< li >下拉然后在合拢，下面的不会出现这样的问题。经过我苦思冥想、百度啊、各种方法，我终于想出了办法。说下思路，因为我们在表单里面点Enter（回车）的时候，系统就会默认发生提

HTML页面禁用Enter键自动提交表单

Tony Chen的专栏

09-15

1万+

在HTML页里面由于使用了form，常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时，按下enter都会触发表单的默认提交（不论是IE还是firefox），于是需要在onkeydown中监听用户的按键。实际测试，IE8中导致表单提交的不确定因素太多，点击表单的table中的td都会触发表单提交，而firefox则不会；于是在ie和ff中禁用表单提交需要不同的思路。对于IE:只有当事件源是TEXTAREA时才return true

HTML防止input回车提交表单