如何防止enter提交from表单

最新推荐文章于 2024-02-21 11:05:53 发布

原创最新推荐文章于 2024-02-21 11:05:53 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#如何防止enter提交from表单 #enter #表单

jQuery 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种通过在HTML表单中使用onkeydown属性来禁用回车键提交的方法。这种方法可以有效防止用户不小心按到回车键导致表单被意外提交。

onkeydown="if(event.keyCode==13)return false;"

或者直接直接这样写

<form name="form1" action="action/soft_add_action.php" enctype="multipart/form-data" method="post" onkeydown="if(event.keyCode==13)return false;" onSubmit="return checkSubmit();">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

张虹旺

关注关注

2
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

为小程序发布之后from表单提交，点击提交无反应

飞翔小猪的博客

10-21

1763

先说解决思路，通过测试发现，在账号框不为空，密码框不为空，两者都不为空，并且光标离开账号框或者密码框的时候，苹果系统会自动提示存储密码或者更新密码的提示。又经过大量测试发现，账号输入框是指的距离密码输入框最近的上一个输入框，因此解决办法就是在密码输入框上面增加一个账号输入框，让他永远为空，并且不可见即可（页面不可见,不能是display:none）。后面再反复尝试后发现问题出现的时候每次都是弹出一个苹果提示密码存储的弹框，然后怀疑是不是这个影响的，然后参考了网上的建议，屏蔽了弹框，这个问题就解决了！

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

10-23

为了提高用户体验，表单通常设计为支持快捷操作，例如使用回车（Enter）键提交表单。然而，在某些情况下，如文本输入框之外的地方按下回车键时，可能会导致意外的表单提交，这并不是开发者或用户所期望的行为。因此...

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

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

12-01

出现自动提交的情况，有两种可能：一是编写了javascript代码，当用户点按Enter键时，通过js事件侦听机制触发表单的提交。二是利用了浏览器的默认行为（至少发现ie是这样的）。浏览器在解析网页的时候，有许多默认的行为，例如如果一个页面上有表单和一个提交按钮，那么打开页面时，焦点会自动落在这个提交按钮上面。同样如果一个表单中只有一个单行文本输入域（text），那么在这个输入域中按Enter键时，浏览器会自动提交该表单。我们对于第一种情况一般都知道而且很容易理解，但是对于第二种浏览器的默认行为，可能知道这一点的人就比较少了，下面我具体看一下浏览器（至少ie如此）在表单提交上的默认行为。

from表单禁止提交

thewebcode

07-04

933

1、JavaScript验证阻止提交表单 <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gbk"> <title>JavaScript禁止提交表单</title> <scripttype="

阻止from表单提交

zouyang920的博客

03-17

327

防止回车时提交表单

duansamve的博客

05-25

271

如何防止回车（Enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。 <form name="form1" action="action/soft_add_action.php" enctype="multipart/form-data" method="post" onkeydown="if(event.keyCode==13)return false;"> ...

form表单回车自动提交（禁止）

没伞的孩子就得跑的专栏

02-05

1681

今天写了一个登录界面，测试的时候发现在任意一个输入框内键入回车之后表单就提交了。但是很明显在未输入完全的情况下是不应该允许提交表单的。那么原因到底是什么呢？其实，原因很简单。由于我在写按钮的时候一不小心就在<input>标签内加了一个type="submit"。就是这么一个属性导致了在任意一个输入框内键入回车表单就自动提交了。解决方法也很简单：第一：自己写一个按钮，自己写js去处理点击事件。

JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单

10-20

以上方法都可以有效地防止只有一个input文本框的表单在按下回车键时自动提交。选择哪种方法取决于你的应用场景和对用户体验的考虑。需要注意的是，不同的浏览器可能会有不同的默认行为，因此在开发时需要充分考虑到...

from表单中，如何防止快速点击出现二次提交情况

热门推荐

a1062656171的博客

07-15

1万+

function validate(){ alert("请输入验证码！"); //则弹出请输入验证码 return false; } else if(inputCode != code ) { alert("验证码输入错误！@_@"); //则弹出验证码输入错误 createCode();//刷新

Html Form 标签里的 input 标签输入Enter时防止自动submit

pjx627al的专栏

10-04

834

function check() { var a = 13; if (event.keyCode == a) { document.form1.action = ""; document.form1.submit(); } } function disableEnterKey(e) { var key; if(window.event) key = wi

禁止二次提交

qq_39441424的博客

05-31

397

$this->registerJs(' $("form").submit(function() { $(".btn-batch-create").attr("disabled", true); }); ');

点击回车键禁止提交表单

XCMercy

01-17

811

方法一：万能代码，该代码适合在既需要实时监听input中的输入，又需要禁用enter提交表单时使用。当给input同时绑定input、propertychange、keydown三个事件时，在上述情况下利用chrome打断点进行debug，会触发keydown事件，该事件触发时，按键的值还并没有输入到文本框中，因此在此回调函数中获取input的value值为空。注意，其他两个事件不会触发。此方法实际

php阻止from默认提交,如何阻止

weixin_39588223的博客

03-10

285

阻止标签默认行为方式一 (通过return false)阻止事件的默认行为window.onload = function() {var a = document.getElementById('mya');a.onclick = function() {alert(this.innerHTML);/*通过return false; 实现阻止了点击a标签后,页面的跳转*/return false...

禁止/启用Enter回车键提交表单

likingsn的技术专栏

05-07

2370

form表单里面，敲回车键Enter的时候form自动提交，执行了form.submit()。但是，有时候我们希望禁止按回车键Enter提交表单。 1.禁止回车键提交表单的方法，是为from的onkeydown事件添加js响应代码，如下： 2.启用回车键提交表单，绑定js函数 function keydown() { if (eve

【html】form表单里面回车键提交表单问题

smart_dream

02-21

1909

【代码】form表单里面回车键提交表单问题。