js 如何防止点击回车键提交表单

最新推荐文章于 2024-02-27 10:09:22 发布
原创 最新推荐文章于 2024-02-27 10:09:22 发布 · 420 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#表单

本文介绍了一种使用 JavaScript 禁止在表单中通过回车键提交的方法。通过监听键盘事件并检查按键码来实现这一功能。

代码：

function prevent（）{

if(window.event.keyCode == 13){        //读取回车键

return false;

}

}


方法要用在form表单里面

js禁止回车自动提交
系统运维
02-28 214
原文地址http://hnly0901.blog.163.com/blog/static/525835992008712419395/ 亲自测试可以用 //禁止按回车提交 $(document).ready(function(){ $("input[@type='text']").each( function(){ ...
禁用Enter键表单自动提交
水铭痕
05-21 667
//禁用Enter键表单自动提交       document.onkeydown = function(event) {           var target, code, tag;           if (!event) {               event = window.event; //针对ie浏览器               target = event.s
防止js使用enter提交表单
liukai6的博客
05-03 401
如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。下面介绍下javascript中event.keycode。keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear k
js禁止回车键提交表单
weixin_33796177的博客
07-19 215
2019独角兽企业重金招聘Python工程师标准>>> ...
JavaScript阻止回车提交表单的方法
疯狂的芒果
08-14 3365
大家对回车键的功能应该比较熟悉，比如在windows系统的很多应用程序中，只要点击回车键就可以进入此程序或者开启某项功能，不过有时候我们希望阻止它的功能，例如在填写表单的时候，可能不小心点击回车键造成表单误提交，下面就来简单介绍一下如何实现此功能。代码实例如下: 如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)r
禁止按回车键提交表单的方法
09-03
总的来说，禁止回车键提交表单可以通过多种方式实现，包括添加隐藏输入框、监听键盘事件、绑定按钮点击事件以及自定义表单提交逻辑。这些方法可以根据实际需求和用户体验来灵活选择和组合。在设计网页表单时，考虑到...
javascript实现回车键提交表单方法总结
10-24
首先，介绍使用纯JavaScript实现回车键提交表单的方法。这里的关键在于监听document对象上的键盘按下事件（keydown事件），并在事件处理函数中判断是否按下了回车键（其键码值为13）。若检测到回车键被按下，则执行...
如何防止INPUT按回车自动提交表单FORM
09-01
默认情况下，当用户在表单内的输入框（INPUT）中按下回车键时，浏览器会自动提交表单，这有时并不符合开发者的设计需求。本文将详细介绍两种防止INPUT按回车自动提交表单FORM的方法。 ### 方法一：增加一个隐藏的...
学习在js中屏蔽回车自动提交表单的功能，html利用input防止回车提交
最新发布
徊忆羽菲
02-27 1331
学习在js中屏蔽回车自动提交表单的功能，html利用input防止回车提交
回车提交导致js表单验证不执行
wuss_的博客
04-26 281
在form标签中添加 onkeydown="if(event.keyCode==13||event.which==13){return false;}"即可实现阻止回车键提交
利用JS屏蔽页面中的Enter按键提交表单的方法
11-29
如在设置了JS代码响应<p>标签的Enter按键触发事件时，根据冒泡型事件原则该事件会一直传到<from>表单处，并将表单提交。这不是我们想要的效果，我们可以设置如下代码来加以屏蔽： $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 但是，如果页面中有按钮时在Opera浏览器中同样会提交表单，这是因为按钮在生成的HTML代码中是submit类型的，解决办法是：在按钮中设置UseSubmitbehavior=”false”，这样按钮在页面中生成的
js防止回车(enter)键提交表单及javascript中event.keycode
weixin_30477293的博客
01-06 287
如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。 如果在页面中按Enter键会自动提交的话，可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return go...
js如何屏蔽文本框输入数字和回车
caofeilong20941的专栏
11-14 916
js代码 /* 只能输入数字 */ function onlynumber() { if (event.keyCode > 58 || event.keyCode return false; } else { return true; } } //不能输入回车 function noinputenter() { if (event.keyCode == 13) { r
JS禁止FORM的<input type="submit" />提交的方法--测试过--非常有用
东垂小夫
05-28 4212
JS禁止FORM的submit按钮提交 /** *ggh *用JS阻止FORM的提交 *很有用。既可以使用form的默认提交，又可以对默认提交进行JS干扰. */ function sub() { var content = document.getElementById("content").value; if(content == "") { alert("No empt
如何防止回车(enter)键提交表单
F2Zf的博客
04-17 5297
原文地址:http://www.jb51.net/article/50006.htm 如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。 如果在页面中按Enter键会自动提交的话，可以设置返回值防止自动提交如返回值必须是false  复制
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回车提交表单
热门推荐
李刚的学习专栏
03-28 4万+
最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发form提交，很是郁闷，经过查询资料，特总结如下： 自动提交情况说明： 1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。 2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。
前端,输入框内禁止回车提交表单
yanziit的博客
06-22 2102
1.输入框 onkeydown事件&lt;input type="file" name="fileSelect" size="52" id="fileSelect" onkeydown="return preventFormEditToInputFile(event);" /&gt; 2.jQuery方法 function preventFormEditToInputFile(even
使用JavaScript实现回车键提交表单
"按回车键提交表单的方法和JavaScript实现" 在网页设计中，用户经常需要填写表单并提交信息。通常情况下，用户通过点击提交按钮来完成表单的提交。然而，为了提高用户体验，我们可以让表单在用户按下回车键时自动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值