解决form表单中只有一个文本框时回车提交的问题.

最新推荐文章于 2019-05-27 12:43:43 发布
最新推荐文章于 2019-05-27 12:43:43 发布
阅读量191 收藏
点赞数
分类专栏： JavaScript 文章标签： 回车提交 form表单
在form表单中如果只有一个text文本框时,在上面敲回车时,就会自动提交.要解决这个问题可以
再增加一个text文本框,并将其样式设置为隐藏,即可.
iteye_8608
关注
专栏目录
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
10-20
在JSP中，当FORM表单只包含一个input文本框时，用户按下回车键，浏览器会默认执行表单的提交操作。这是因为浏览器遵循一种默认的行为：在一个表单内，如果只有一个单行文本输入域（`<input type="text">`），在该...
js光标定位文本框回车表单提交问题的解决方法
12-01
本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。...翻译一下：当form中只有一个input type=”text”时，当用户按回车键会提交这个form。 解决方案：对input te
form表单中只有一个文本框时回车提交表单问题
weixin_33691817的博客
12-08 135
2019独角兽企业重金招聘Python工程师标准>>> ...
form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)
Hurricane_m的博客
05-27 1237
最近在给公司改项目时发现一个问题，按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行js方法，查阅资料得知在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车键不会执行任何操作，这是form表单的一个特性。 解决这个问题有四种方法，如下： 第一种方法，把表单去掉，这是最管用，但...
Form表单只有一个文本框时，回车触发表单的提交事件，导致页面的刷新。
weixin_34025151的博客
01-02 414
使用elementUI的el-form组件进行查询时，当输入框仅有一项时，使用@keyup.enter绑定回车事件，浏览器会刷新页面： 原因：由于当表单只有一个文本框时，按下回车将会触发表单的提交事件， 从而导致页面刷新。 1 <el-form :inline="true" :model="getForm" class="demo-form-inline"> 2 　&lt...
表单中只有一个文本框时，回车页面刷新错误
hqmln的博客
11-11 163
在一个也没中如果一个form标签中只有文本框&lt;input type="text" /&gt;,当在输入完数据后点击回车，会发现页面进行了刷新，代码如下： &lt;body&gt; &lt;form&gt; &lt;input type="hidden" id="contextPath" name="contextPath" value="&
当表单内只有一个输入框时,按回车会自动提交
lancelot208的博客
11-27 150
一个新增页面,只有一个名称是输入框,其他的是多重选择框,当我输完名称的时候,随手按了个回车,发现表单自动提交了,这样一来,页面上的js判断都没有生效.找了好久才发现,如果表单内只有一个输入框时,按回车会自动提交.先试着在页面上加个隐藏域,因为它也是input标签的,发现没用.最后想到对输入框增加一个onkeydown属性, onkeydown="if(event.keyCode==13){retu...
文本框回车提交与禁止提交示例
09-05
同时，HTML5引入了`form.onsubmit`事件，允许在表单提交时执行函数，提供了更灵活的控制方式。 ### 5. 无障碍性（Accessibility） 在设计交互时，应考虑无障碍性。对于使用屏幕阅读器的用户，他们可能依赖键盘而非...
按回车表单自动提交问题意外发现
09-28
这样，即使表单中只有一个可见的输入框，按下回车键时，浏览器会识别到还有其他表单控件存在，因此不会触发表单的自动提交行为。 最后，需要注意的是，在一些表单设计中，可能会使用JavaScript来控制表单的提交过程...
页面只有一个text的时候，回车自动submit的解决方法
09-05
3. **添加隐藏文本框**：如描述中提到，如果上述方法仍然无法解决问题，可以尝试在页面上添加一个隐藏的文本输入框。这个额外的输入框使得浏览器认为表单中有多个输入字段，从而不会在回车时默认提交表单。例如： `...
form表单里如果只存在一个文本框，enter键提交
weixin_30457551的博客
10-13 118
在这里说一说浏览器里form表单的默认行为 我们都知道浏览器是存在很多默认行为的，可能是出于常用行为考虑又或者是历史原因。但有时候我们不需要这些默认行为。以下： 1）、当form表单里只存在一个input输入框时，回车会提交表单操作。 　　解决方法可以在form里面再加入一个隐藏的input输入框，或者把input从form里面放出来。 2）、当form表单里有一个type=”submi...
使用JavaScript提交数据,不使用表单也可以!
面向对象
10-13 654
工作中碰到一个问题,有一个输入框,需要用户输入内容,然后点击按钮进行提交!   我们通常的做法就是写一个FORM表单.但是这时会出现一点问题,那就是样式会有所变化,好像多出了那么一点空白空间.这样就会影响到美观,当然可以通过修改样式来更改!不过做为程序员,通常还是喜欢使用程序去实现.相当于换个思路!   这里我给大家提供一种方法:   使用JavaScript进行数据提交,其实就是一个页面跳转! ...
当form表单中只有一个input文本框，会自动提交
dianleichai2987的博客
09-23 467
当form表单中只有一个input文本框，焦点在input中点击键盘上的enter则会直接提交表单，有的时候会带来一些麻烦，这个时候需要禁用这个默认特性， 只需给这个input绑定一个keypress事件，然后监测enter键被按下时，return false 例如： $("input[name=textContent]").key...
Form 表单中的Input元素回车时不保存表单
weixin_34122604的博客
12-13 143
在Form表单中如果直接在Input元素里敲回车键,那么默认将提交表单,可以通过keydown事件取消默认此操作 $("form").live('keydown',function(){ return !(event.keyCode==13); }); 　　 参考： HTML防止input回车提交表单 From WizNote ...
当表单中中只有一个文本框类型的的input
jocelyn
07-27 1388
如果表单中含有一个单行文本输入域，那么无论含有多少其他类型的表单组件，那么在该输入域中点击Enter时，表单会自动提交。 并且在文本框中添加的keyup事件在回车事件发生时并不会被触发。 下面有两种解决方法， 1、在文中加入style="display:none"的type 为 text 的 input 2、如果不想添加元素，则把keyup事件改为keypress事件。
当只有一个input的时候按回车键时，input会默认提交表单
热门推荐
09-03 1万+
原本笔者是想练习一下输入提示这个功能的，在写这个小例子的时候确发现了一个很奇怪的事，如下： 我是想实现如下图的功能： 在输入框输入字符，匹配显示包含输入字符的记录，按上下键可以从结果中选择，本想在结果上点击回车键就选中此记录的，但在只有一个的情况下按下回车键居然会直接提交表单了，笔者水平有限，知其然而不知其所以然，只知道如果加多一个标记就不会提交表单，这里希望得到高手们的详细解释。
js键盘回车事件提交表单怎么编写
最新发布
04-05
可以给表单绑定submit事件，然后在事件处理函数中通过event.preventDefault()方法阻止表单的默认提交行为，再自行...这样，当用户在文本框中按下回车键时，就会触发表单的submit事件，从而执行我们定义的事件处理函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值