文档章节

关于焦点处于input框内,按回车自动提交表单

曾经的十字镐
 曾经的十字镐
发布于 2015/12/25 16:45
字数 144
阅读 23
收藏 0
点赞 0
评论 0

今天在做项目被测试测出一个bug就是焦点在input框内时按回车自动提交表单,分析如下:

当form表单里只一个文本框时,不管有没有submit 事件都回自动提交表单

解决方案有两种:

一、多写一个input ,把它的css设置成 style="dislpay:none"

二、给它加上onkeypress="javascript:if(event.keyCode==13) {event.preventDefault()}

© 著作权归作者所有

共有 人打赏支持
曾经的十字镐
粉丝 22
博文 25
码字总数 6795
作品 0
郑州
架构师
回车自动提交 禁止回车自动提交 web开发 .

在开发过程中有时候需要回车自动提交,有时候有不不需要回车自动提交。很多人都喜欢用JS控制,但是用jS控制并不稳定 其实浏览器已经帮我们做好了这一补。。在网上找到了解答,如下。 今天遇到...

长平狐
2012/06/08
259
0
关于回车键提交表单

最近因为要整理网站的js,发现js方法,按下回车键然后提交的函数没有地方调用,那原来表单是怎样通过回车键就可以提交的。 百度了下,原来是浏览器对submit自己的触动机制 如下是别人的文章总...

kobe52099
2014/05/09
0
0
input 回车键提交与不提交表单的解决方法

最近遇到IE6/7下敲击回车后表单不提交的问题,网上找到些资料,备案下: 回车键提交表单:设置 <input /> 标签或者 <button> 标签的属性 type="submit" 即可。 回车键不提交表单,用JavaScript来...

mdoo
2015/11/28
371
0
html input post

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表...

grushy
2013/12/08
0
0
html input readonly 和 disable的区别

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表...

Junn
2013/02/22
0
1
各种默认回车提交表单

通过回车进行提交表单,可以在用户输入完毕后直接进行回车查询操作,不用点击鼠标,在某些场景应用下非常方便,用户体验较好。 总结&科普一下: 1、如果form里面只有一个input type=text,...

黄平俊
2011/08/16
7K
2
当form表单中只有一个input时按回车键将会自动将表单提交

一个列表界面只有一个输入框查询条件,当首次进入在输入框中输入汉字后,按回车键发现输入框中汉字变成乱码!本以为一个很简单不过的问题,结果却花了好久才找到原因(据说是浏览器问题),按...

狼行-狼行
2014/02/21
0
1
KindEditor 4.0 beta 发布

4.0 beta只修复了4.0 alpha版本的BUG,主体功能基本稳定。 修改过的文件: kindeditor.js kindeditor-min.js plugins/table/table.js themes/default/default.css 变更记录: BUG: 修复了域名...

红薯
2011/08/18
678
1
html中submit和button的区别(总结)

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取...

临江仙卜算子
06/22
0
0
关于form表单input text 未绑定回车事件跳转问题

表单的提交行为,可以用两种方式定义,一是form表单自身,二是form表单的button元素(包括type='submit'的input标签,以及type='submit'的button元素,button默认type为submit) 而按enter键会...

kdy1994
2017/11/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

idea tomcat 远程调试

tomcat 配置 编辑文件${tomcat_home}/bin/catalina.sh,在文件开头添加如下代码。    CATALINA_OPTS="-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7829" Idea端配......

qwfys
今天
1
0
遍历目录下的文件每250M打包一个文件

#!/usr/bin/env python # -*- utf-8 -*- # @Time : 2018/7/20 0020 下午 10:16 # @Author : 陈元 # @Email : abcmeabc@163.com # @file : tarFile.py import os import tarfile import thr......

寻爱的小草
今天
1
0
expect同步文件&expect指定host和要同步的文件&构建文件分发系统&批量远程执行命令

20.31 expect脚本同步文件 expect通过与rsync结合,可以在一台机器上把文件自动同步到多台机器上 编写脚本 [root@linux-5 ~]# cd /usr/local/sbin[root@linux-5 sbin]# vim 4.expect#!/...

影夜Linux
今天
1
0
SpringBoot | 第九章:Mybatis-plus的集成和使用

前言 本章节开始介绍数据访问方面的相关知识点。对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的。目前,绝大部分公司都选择MyBatis框架作为底层数...

oKong
今天
13
0
win10 上安装解压版mysql

1.效果 2. 下载MySQL 压缩版 下载地址: https://downloads.mysql.com/archives/community/ 3. 配置 3.1 将下载的文件解压到合适的位置 我最终将myql文件 放在:D:\develop\mysql 最终放的位...

Lucky_Me
今天
2
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

问题终结者
今天
2
0
expect脚本同步文件expect脚本指定host和要同步的文件 构建文件分发系统批量远程执行命令

expect脚本同步文件 在一台机器上把文件同步到多台机器上 自动同步文件 vim 4.expect [root@yong-01 sbin]# vim 4.expect#!/usr/bin/expectset passwd "20655739"spawn rsync -av ro...

lyy549745
今天
1
0
36.rsync下 日志 screen

10.32/10.33 rsync通过服务同步 10.34 linux系统日志 10.35 screen工具 10.32/10.33 rsync通过服务同步: rsync还可以通过服务的方式同步。那需要开启一个服务,他的架构是cs架构,客户端服务...

王鑫linux
今天
1
0
matplotlib 保存图片时的参数

简单绘图 import matplotlib.pyplot as pltplt.plot(range(10)) 保存为csv格式,放大后依然很清晰 plt.savefig('t1.svg') 普通保存放大后会有点模糊文件大小20多k plt.savefig('t5.p...

阿豪boy
今天
3
0
java 8 复合Lambda 表达式

comparator 比较器复合 //排序Comparator.comparing(Apple::getWeight);List<Apple> list = Stream.of(new Apple(1, "a"), new Apple(2, "b"), new Apple(3, "c")) .collect(......

Canaan_
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部