禁止回车提交表单

最新推荐文章于 2024-07-11 16:15:56 发布
最新推荐文章于 2024-07-11 16:15:56 发布
阅读量109 收藏
点赞数
文章标签： Blog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hubuly/article/details/83667486
版权

在js里加上这段即可：

function ifenter(){ 
  if(event.keyCode==13){
  return   false;
  }else if(event.srcElement.type=="submit"){ 
  form1.submit(); 
  }
  } 
  document.οnkeydοwn=ifenter;

 

出处：http://blog.sina.com.cn/likongyou

hubuly
关注
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
禁止按回车键提交表单的方法
12-01
出现自动提交的情况，有两种可能： 一是编写了javascript代码，当用户点按Enter键时，通过js事件侦听机制触发表单的提交。 二是利用了浏览器的默认行为（至少发现ie是这样的）。浏览器在解析网页的时候，有许多默认的行为，例如如果一个页面上有表单和一个提交按钮，那么打开页面时，焦点会自动落在这个提交按钮上面。同样如果一个表单中只有一个单行文本输入域（text），那么在这个输入域中按Enter键时，浏览器会自动提交该表单。 我们对于第一种情况一般都知道而且很容易理解，但是对于第二种浏览器的默认行为，可能知道这一点的人就比较少了，下面我具体看一下浏览器（至少ie如此）在表单提交上的默认行为。
用jQuery屏蔽掉按回车键时提交表单
hegz
04-02 173
默认情况下，在表单输入框里按回车将会提交表单，但有时需要屏蔽掉按回车键提交表单功能，以保证完整输入表单，如何做呢？   解决办法： <script type="text/javascript"> $(function() { $("input").keypress(function (e) { var keyCode = e.keyCode ? e.keyCod...
js禁止按回车键时表单自动提交
貌似君子的专栏
10-13 7081
//键盘enter事件         document.onkeypress=function(){     if(event.keyCode==13){    return false; }         }
input 阻止表单输入框的回车键触发提交事件
最新发布
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
07-11 1527
layui组件。 input输入框，阻止回车键触发提交事件。 $("addMylable input").keydown(function (event) { if (event.keyCode == 13) { return false; } })
阻止Enter提交表单
Xerale的博客
06-24 303
阻止Enter提交表单
js禁止回车提交表单的示例代码
10-26
这样做虽然可以确保整个文档范围内禁止回车提交表单，但也可能会影响到其他需要使用回车键功能的场景（比如文本输入框的自动换行）。因此，在实际应用中，可能需要根据具体需求调整事件绑定范围，以减少不必要的影响...
jquery禁止回车触发表单提交
10-25
此外，如果你的应用场景中包含多个需要禁止回车提交的输入框，可以将这些输入框统一归类，比如都添加一个特定的类名，然后在一个事件监听器中处理所有的回车事件，这样能提高代码的复用性和可维护性。 总的来说，`...
按 Enter 阻止用户提交表单
HuntsBot的博客
01-19 841
我在网站上进行了一项调查，用户按 Enter 键（我不知道为什么）并在未单击提交按钮的情况下意外提交了调查（表单）似乎存在一些问题。有没有办法防止这种情况？我在调查中使用 HTML、PHP 5.2.9 和 jQuery。
阻止 form 回车 自动提交
sunxh0504的博客
11-12 1625
此问题是在手机端页面输入时发现的 Form表单只有一个input框，输入内容后直接回车，会直接提交这个表单，但是我的这个表单是通过Ajax提交，Form上并没有Action，所以会直接报错500，在此总结三种阻止form回车提交的方式。 1.form元素上加οnsubmit=“return false”(推荐) 2.多个input存在时按回车不会自动提交(注意:表单中有提交按钮的话,该方法不行) ...
如何防止回车(enter)键提交表单
F2Zf的博客
04-17 5195
原文地址:http://www.jb51.net/article/50006.htm 如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。 如果在页面中按Enter键会自动提交的话，可以设置返回值防止自动提交如返回值必须是false  复制
HTML防止input回车提交表单
热门推荐
李刚的学习专栏
03-28 4万+
最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发form提交，很是郁闷，经过查询资料，特总结如下： 自动提交情况说明： 1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。 2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。
jquery禁用表单的提交事件
weixin_43515418的博客
10-25 1723
jquery禁用表单的提交事件 <form action="" method="post" enctype="multipart/form-data" onsubmit="return check()"> <input type="submit" value="提交"> </form>//form头加上o
前端,输入框内禁止回车提交表单
yanziit的博客
06-22 2056
1.输入框 onkeydown事件<input type="file" name="fileSelect" size="52" id="fileSelect" onkeydown="return preventFormEditToInputFile(event);" /> 2.jQuery方法 function preventFormEditToInputFile(even
点击回车键禁止form表单提交。
种种的博客
01-05 4053
今天遇到一个bug，就是在按下回车键的时候，已经下拉的下拉框，马上合拢再下拉。或者是闭合的下拉框列表马上下拉再合拢。主要是只发生在第一个。看看这个图片：当鼠标点击进去Search…搜索框时，点击Enter（回车）时，第一个< li >下拉然后在合拢，下面的不会出现这样的问题。经过我苦思冥想、百度啊、各种方法，我终于想出了办法。说下思路，因为我们在表单里面点Enter（回车）的时候，系统就会默认发生提
点击回车键禁止提交表单
XCMercy
01-17 759
方法一：万能代码，该代码适合在既需要实时监听input中的输入，又需要禁用enter提交表单时使用。当给input同时绑定input、propertychange、keydown三个事件时，在上述情况下利用chrome打断点进行debug，会触发keydown事件，该事件触发时，按键的值还并没有输入到文本框中，因此在此回调函数中获取input的value值为空。注意，其他两个事件不会触发。此方法实际
chrome 浏览器上避免回车提交表单
xiewhenwe的专栏
11-08 2217
 之前在论坛上发过一贴,问:"在chrome浏览器上 我改变回车按键或者让它无效也可以"   的问题,终无解 问题当时是为了避免回车提交表单引出的,现在这个问题到是解决了,其实很简单,只怪自己没想到在Form的提交事件上动手脚:   onsubmit=“MySubmit();return false;" MySubmit()可以用来做提交时的判断，如可一用另一个隐藏的表
html 禁用回车提交,HTML页面禁用Enter键自动提交表单
weixin_31582915的博客
06-10 936
在HTML页里面由于使用了form，常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时，按下enter都会触发表单的默认提交(不论是IE还是firefox)，于是需要在onkeydown中监听用户的按键。实际测试，IE8中导致表单提交的不确定因素太多，点击表单的table中的td都会触发表单提交，而firefox则不会；...
Java实现点击回车提交表单
在现代Web开发中，点击回车键提交表单是常见的用户交互体验。本文档展示了如何通过Java技术与JavaScript结合实现在HTML表单中，当用户按下Enter键时自动提交表单的功能。首先，我们来看一下HTML部分。 HTML代码定义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值