form表单回车会自动提交和禁止自动提交

最新推荐文章于 2023-12-12 16:43:11 发布
最新推荐文章于 2023-12-12 16:43:11 发布
阅读量8.7k 收藏 1
点赞数
文章标签： html 表单 web 解决方案
如果form表单内只有一个输入框时,按回车会自动提交的.
我自己的两个解决方案：
(1)对输入框增加一个onkeydown属性, οnkeydοwn="if(event.keyCode==13){return false;}"
(2)对form表单加一个onsubmit属性,<form id="frm" theme="simple" οnsubmit="return false;"></form>
最新科技快讯
关注
专栏目录
form表单点击回车或者点击按钮会自动提交表单的问题
syousetu的博客
10-09 1020
问题描述 form表单下 ，点击按钮 或者input中输入回车键 ，浏览器会自动提交表单 解决方案 第一种情况 情景描述 如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX GOOGLE默认为 type=submit 解决方案 按钮添加属性 type=button 第二种情况 情景描述 form表单中有输入框，输入回车，会自动提交表单 解决方案 写全局监听input的keypress事件，当监听到时回车的时候，return false $("input
Form表单按回车自动提交表单的实现方法
11-28
1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type=”text” name=’name’ />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 如果不想让其自动提交可以这样做: 再添加一个<input type=”text”/>按下回车将不会自动提交，但是页面上显示一个不知所云的输入框挺别扭，后从网上搜到两个解决办法： (1) 添加一个<input type=’text’
form表单自动回车提交
weixin_34062469的博客
11-05 118
对于使用了submit按钮的form表单，浏览器会直接建立回车与submit按钮之间的关联
form内只有一个输入框时,按回车会自动提交
码疯的专栏
01-26 4286
       昨天碰到一个问题，一个新增页面,本来我的提交按钮是button类型的, 当我输完名称的时候,随手按了个回车,发现表单自动提交了,而其他页面也是这么写的，都没这个问题。这样一来,页面上js的sub()方法里的操作都不起作用。      后来发现这个页面与其他页面唯一的不同是，只有一个名称是输入框,其他的是下拉选择框,问题就是出在这里， 如果form表单内只有一个输入框时,按回车会自
form表单回车会自动提交
chenkai1252的博客
02-12 189
如果form表单内只有一个输入框时,按回车会自动提交的. 我自己的两个解决方案： (1)对输入框增加一个onkeydown属性, onkeydown="if(event.keyCode==13){return false;}" (2)对form表单加一个onsubmit属性,<form ...
表单按回车自动提交
星辰大海
04-11 2150
当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 再添加一个<input type="tex...
如何防止INPUT按回车自动提交表单FORM
11-29
本文将详细介绍如何防止`<input>`按回车键自动提交`<form>`表单。 首先，我们来看一下问题的示例代码： ```html <!doctype html> <title>test <form action="http://blog.csdn.net/gnail_oug" method="post"> ...
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
-- 解决form表单在只有一个input输入框时回车会自动提交表单 --> </form> ``` 此外，还可以通过JavaScript绑定事件来避免这种情况。例如，可以监听键盘按键事件，当用户按下回车键时，执行特定的函数，阻止表单的...
禁止按回车键提交表单的方法
09-03
在含有单个文本输入框的表单中，按下回车键会自动触发表单的提交。这是因为浏览器认为这是用户常见的交互方式，即完成输入后按下回车进行搜索或执行其他操作。然而，如果表单包含两个或多个文本输入框，浏览器就不会...
Form 表单回车自动提交问题
qq_36428598的博客
05-17 193
window.event.keyCode==13 代表的就是回车键Enter，意思就是点击回车。给input绑定onkeydown事件。
form表单 按回车自动提交 实现方式
03-22 222
做登录界面时，想要实现按回车自动提交，必须要在form标签中加个submit提交按钮，但是很多时候登录按钮都是使用自己的图片。 注：a. 隐藏submit按钮或设置其z-index的方式无效； 　　b. 必选要加个 "<!-- -->" 注释块，不加也实现不了，让我很纠结； 下面是我自己实现这种效果的代码。思路是将submit按钮宽高设为0，然后利用position隐藏...
javascript实现自动提交form表单
06-18
内含联系方式，不懂用可以问我！多次修改后已无瑕疵，用它实现当页面刷新的时候自动提交表单数据，目前我把它运用在领取某论坛每日登录礼包这种繁琐的小事中，你还可以运用到更有价值的地方去。
关于原生的form表单按回车键自动提交的问题。
Wtg_wutiegang的博客
04-16 920
如果没有引用其他的插件，而且form表单中只有一个input标签时（这里的input标签不包括hidden隐藏域，input标签不能使用其他插件的形式），回车时就会自动提交form表单，多于一个input标签就不会回车自动提交表单。 解决方法：如果要阻止表单回车自动提交那么就可以在form表单中添加一个onsubmit="return false;就行了。 ...
[element-ui]el-form+el-input解决回车自动提交表单问题
最新发布
xxuxioxx的博客
12-12 1853
form 表单只有一个input 时，回车自动提交表单造成页面刷新效果
网页中表单按回车就自动提交的问题总结
默默前行，勿喜、勿悲、一切随缘！
10-30 1833
当form表单中只有一个输入框时，焦点在此输入框中，按回车键将自动将表单提交。 即使不写action，页面也会自动刷新，有时这并不是我们需要的。 如果再次添加一个input框，会怎样？ 焦点在输入框中，按回车键没有提交表单。 如果表单中添加一个submit类型的按钮呢，会怎样？
按下enter自动提交表单
飞腾创客
06-29 841
&lt;script language="javascript"&gt;       document.onkeydown = function(e) {         e = e || window.event;         if(e.keyCode == 13) {             //this.forms["form"].submit();          $('#form3...
form表单按enter键自动提交的问题
weixin_30270561的博客
07-26 100
废话不多说。直接上代码。 1：form表单按enter键自动提交的情况 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus...
form表单的单输入框回车出现同步提交事件处理
wzp20092009的博客
02-22 2601
form表单中如果只有一个输入框，在输入时按Enter回车键会出发默认事件自动提交表单，该交互是同步发生的，会导致页面刷新。
处理IE与火狐文本框回车自动提交问题
"在网页开发中，特别是在处理表单提交时，IE 和火狐浏览器对文本框回车触发的行为存在差异。这个问题可能会导致用户在填写单一文本输入字段时，按下回车键无法触发预期的提交事件。" 在互联网浏览器中，用户习惯于...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值