解决form表单回车自动提交

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

#input

本文介绍了一种防止带有单个文本输入框的表单在按下回车键时自动提交的方法。通过增加一个隐藏的输入字段，可以有效避免默认提交行为。

如果form表单中只有一个<input type="text"/>当按回车键后表单会提交。解决的方法是在加一个隐藏的<input type="text" name ="hah" style="display: none;"/>

如何防止回车(enter)键提交表单
11-30
如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown=”if(event.keyCode==13)return false;”把这句写在from标签里面就好了。如果在页面中按Enter键会自动提交的话，可以设置返回值防止自动提交如<input id=”q” name=”q” type=”text” onkeypress=”[removed]return gosearch();”>返回值必须是false 代码如下: function gosearch() { if(window.event.keyCode == 13) { search(); return fal
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
-- 解决form表单在只有一个input输入框时回车会自动提交表单 --> </form> ``` 此外，还可以通过JavaScript绑定事件来避免这种情况。例如，可以监听键盘按键事件，当用户按下回车键时，执行特定的函数，阻止表单的...
取消回车表单自动提交
weixin_30663391的博客
04-07 598
做分页查询,页面跳转的问题. 由于要传递的参数不仅仅是需要跳转的页码,还有一些偏移量等数据,所以不能通过回车直接提交, 而是通过一个方法,在该方法中设置相应的数据,再提交表单. 所以需要屏蔽掉表单回车提交的功能. 代码: <script type="text/javascript"> $(function() { 　　 //阻止表单中的输入框回车提交功能 ...
Form 表单回车自动提交问题
qq_36428598的博客
05-17 276
window.event.keyCode==13 代表的就是回车键Enter，意思就是点击回车。给input绑定onkeydown事件。
form表单按回车键的提交
漠然
05-22 2560
 当form表单中只有一个显示的 input 框时，在输入框中按回车键，将会自动提交表单，如下例： 当焦点在输入框中，按回车键时，会自动提交；有时我们不希望回车自动提交，想使用自己定义的脚本函数提交表单，当按回车键时，自动调用处理函数；此时，增加form表单的onsubmit事件，如下代码： <!-- fu
Form表单 回车(Enter)提交表单问题
qq_37609418的博客
06-15 8835
在Form表单中input会自动响应回车事件。这是表单的默认提交动作。表单的提交行为，可以用两种方式定义，一是form表单自身，二是form表单的button元素(包括type='submit’的input标签，以及type=‘submit’的button元素，button元素type为Submit)。而点击Enter键会触发form表单提交。这被称为隐式提交，如果要阻止回车键提交表单，可以在form标签内添加如下代码 ng-keydown 指令不会覆盖元素的原生 onkeydown 事件, 事件触发时，n
Form表单按回车自动提交表单的实现方法
11-28
1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type=”text” name=’name’ />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'&gt...
如何防止INPUT按回车自动提交表单FORM
11-29
本文将详细介绍如何防止`<input>`按回车键自动提交`<form>`表单。 首先，我们来看一下问题的示例代码： ```html <!doctype html> <title>test <form action="http://blog.youkuaiyun.com/gnail_oug" method="post"> ...
form表单按enter键自动提交的问题
极客神殿
04-18 4737
1：form表单按enter键自动提交的情况 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""...
form表单回车会自动提交和禁止自动提交
www3300300的专栏
09-25 8781
如果form表单内只有一个输入框时,按回车会自动提交的. 我自己的两个解决方案： (1)对输入框增加一个onkeydown属性, onkeydown="if(event.keyCode==13){return false;}" (2)对form表单加一个onsubmit属性,
form表单自动提交问题
u010412833的博客
11-23 3568
1.form表单会自动提交的几种情况 1）表单里有一个type="submit"的按钮，回车键生效 2）表单里只有一个type="text"的input，回车键生效。 2.form表单自动提交的请求 如果form表单没有设置action属性，自动提交的请求是当前页面地址，即页面会自动刷新 详细分析参考：http://www.360doc.com/content/15/0121/23/14
表单按回车自动提交
weixin_30855761的博客
07-09 753
1、当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 再添加一个<input ...
HTML防止input回车提交表单
热门推荐
李刚的学习专栏
03-28 4万+
最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发form提交，很是郁闷，经过查询资料，特总结如下： 自动提交情况说明： 1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。 2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。
表单改变回车键/submit功能不自动提交表单（AJAX内容一闪而过）
mystric594的博客
06-28 3487
一般的form表单默认回车键会提交表单，这会导致AJAX的内容在页面上一闪而过。因为提交后页面会跳转（刷新） 所以此时需要将表单中的submit按钮改为button按钮。或者修改submit的默认行为。 但之后还会出现问题，比如AJAX技术实现检索功能的时候表单中要有text类型元素，而回车键会自动触发submit功能。于是可以在表单中加入这一代码： 如此，可以取消回车键的自动提交功能
form表单 一个input时 回车自动提交
commuli的专栏
01-11 3130
form表单 一个input时 回车自动提交问题描述 form表单中，如果当前表单只有一个input输入框时，单击回车会自动提交当前表单。 解决方案 在当前form表单中添加一个隐藏的input，<input style="display:none" mce_style="display:none"> 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
表单的焦点顺序和对应enter键提交
junmoxie的专栏
11-22 1333
表单的焦点tap键顺序：tabindex决定，如果值缺省，择按顺序 用户: 密码: 对应onsubmit事件即可： common/userlogin.action" method="post" name="loginform" id="loginform" onsubmit="return subUser();"> scxt/image/home08.jpg" type="imag
处理IE与火狐文本框回车自动提交问题
它不会仅仅因为一个文本框而自动提交表单，除非有一个明确的`<input type="submit">`按钮或者表单上有`<form onsubmit="">`事件处理器。因此，在火狐中，开发者可以更准确地控制何时以及如何进行表单提交。 解决这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值