如何防止回车(enter)键提交表单


Posted in Javascript onMay 11, 2014

如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。

如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();">返回值必须是false

function gosearch() 
{ 
if(window.event.keyCode == 13) 
{ 
search(); 
return false; 
} 
}

或者直接在form中写
<form name="form1" action="action/soft_add_action.php" enctype="multipart/form-data" method="post" onkeydown="if(event.keyCode==13)return false;" onSubmit="return checkSubmit();">

或参考下面的代码:

<html>
<head>
<title>禁止按回车键提交表单</title>
</head>
<body>
<form name="myform" action="" onkeydown="if(event.keyCode==13){return false;}">
<input type=text name=user>
<input type=text name=pass>
<input type=button name=mybutton value=submit onclick=myform.submit()>
</form>
您可以在"myform.submit()"函数里加入表单判断,和一般的表单判断一样,只是改一下函数名。
</body>
</html>

下面介绍下javascript中event.keycode。

keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = Prior
keycode 34 = Next
keycode 35 = End
keycode 36 = Home
keycode 37 = Left
keycode 38 = Up
keycode 39 = Right
keycode 40 = Down
keycode 41 = Select
keycode 42 = Print
keycode 43 = Execute
keycode 45 = Insert
keycode 46 = Delete
keycode 47 = Help
keycode 48 = 0 equal braceright
keycode 49 = 1 exclam onesuperior
keycode 50 = 2 quotedbl twosuperior
keycode 51 = 3 section threesuperior
keycode 52 = 4 dollar
keycode 53 = 5 percent
keycode 54 = 6 ampersand
keycode 55 = 7 slash braceleft
keycode 56 = 8 parenleft bracketleft
keycode 57 = 9 parenright bracketright
keycode 65 = a A
keycode 66 = b B
keycode 67 = c C
keycode 68 = d D
keycode 69 = e E EuroSign
keycode 70 = f F
keycode 71 = g G
keycode 72 = h H
keycode 73 = i I
keycode 74 = j J
keycode 75 = k K
keycode 76 = l L
keycode 77 = m M mu
keycode 78 = n N
keycode 79 = o O
keycode 80 = p P
keycode 81 = q Q at
keycode 82 = r R
keycode 83 = s S
keycode 84 = t T
keycode 85 = u U
keycode 86 = v V
keycode 87 = w W
keycode 88 = x X
keycode 89 = y Y
keycode 90 = z Z
keycode 96 = KP_0 KP_0
keycode 97 = KP_1 KP_1
keycode 98 = KP_2 KP_2
keycode 99 = KP_3 KP_3
keycode 100 = KP_4 KP_4
keycode 101 = KP_5 KP_5
keycode 102 = KP_6 KP_6
keycode 103 = KP_7 KP_7
keycode 104 = KP_8 KP_8
keycode 105 = KP_9 KP_9
keycode 106 = KP_Multiply KP_Multiply
keycode 107 = KP_Add KP_Add
keycode 108 = KP_Separator KP_Separator
keycode 109 = KP_Subtract KP_Subtract
keycode 110 = KP_Decimal KP_Decimal
keycode 111 = KP_Divide KP_Divide
keycode 112 = F1
keycode 113 = F2
keycode 114 = F3
keycode 115 = F4
keycode 116 = F5
keycode 117 = F6
keycode 118 = F7
keycode 119 = F8
keycode 120 = F9
keycode 121 = F10
keycode 122 = F11
keycode 123 = F12
keycode 124 = F13
keycode 125 = F14
keycode 126 = F15
keycode 127 = F16
keycode 128 = F17
keycode 129 = F18
keycode 130 = F19
keycode 131 = F20
keycode 132 = F21
keycode 133 = F22
keycode 134 = F23
keycode 135 = F24
keycode 136 = Num_Lock
keycode 137 = Scroll_Lock
keycode 187 = acute grave
keycode 188 = comma semicolon
keycode 189 = minus underscore
keycode 190 = period colon
keycode 192 = numbersign apostrophe
keycode 210 = plusminus hyphen macron
keycode 211 =
keycode 212 = copyright registered
keycode 213 = guillemotleft guillemotright
keycode 214 = masculine ordfeminine
keycode 215 = ae AE
keycode 216 = cent yen
keycode 217 = questiondown exclamdown
keycode 218 = onequarter onehalf threequarters
keycode 220 = less greater bar
keycode 221 = plus asterisk asciitilde
keycode 227 = multiply division
keycode 228 = acircumflex Acircumflex
keycode 229 = ecircumflex Ecircumflex
keycode 230 = icircumflex Icircumflex
keycode 231 = ocircumflex Ocircumflex
keycode 232 = ucircumflex Ucircumflex
keycode 233 = ntilde Ntilde
keycode 234 = yacute Yacute
keycode 235 = oslash Ooblique
keycode 236 = aring Aring
keycode 237 = ccedilla Ccedilla
keycode 238 = thorn THORN
keycode 239 = eth ETH
keycode 240 = diaeresis cedilla currency
keycode 241 = agrave Agrave atilde Atilde
keycode 242 = egrave Egrave
keycode 243 = igrave Igrave
keycode 244 = ograve Ograve otilde Otilde
keycode 245 = ugrave Ugrave
keycode 246 = adiaeresis Adiaeresis
keycode 247 = ediaeresis Ediaeresis
keycode 248 = idiaeresis Idiaeresis
keycode 249 = odiaeresis Odiaeresis
keycode 250 = udiaeresis Udiaeresis
keycode 251 = ssharp question backslash
keycode 252 = asciicircum degree
keycode 253 = 3 sterling
keycode 254 = Mode_switch

使用event对象的keyCode属性判断输入的键值

eg:if(event.keyCode==13)alert(“enter!”);

键值对应表
A

0X65  U

0X85
B

0X66  V

0X86
C

0X67  W

0X87
D

0X68  X

0X88
E

0X69  Y

0X89
F

0X70  Z

0X90
G

0X71  0

0X48
H

0X72  1

0X49
I

0X73  2

0X50
J

0X74  3

0X51
K

0X75  4

0X52
L

0X76  5

0X53
M

0X77  6

0X54
N

0X78  7

0X55
O

0X79  8

0X56
P

0X80  9

0X57
Q

0X81 ESC

0X1B
R

0X82 CTRL  0X11
S

0X83 SHIFT 0X10
T

0X84 ENTER 0XD

如果要使用组合键,则可以利用event.ctrlKey,event.shiftKey,event .altKey判断是否按下了ctrl键、shift键以及alt键。

Javascript 相关文章推荐
jQuery select操作控制方法小结
May 26 Javascript
js函数排序的实例代码
Jul 01 Javascript
使用js画图之画切线
Jan 12 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
Nov 13 Javascript
Javascript如何判断数据类型和数组类型
Jun 22 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
Vue.js上下滚动加载组件的实例代码
Jul 17 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
Nov 22 Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
Oct 22 Javascript
9种方法优化jQuery代码详解
Feb 04 jQuery
vue学习笔记之给组件绑定原生事件操作示例
Feb 27 Javascript
js取整数、取余数的方法
May 11 #Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
May 11 #Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 #Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 #Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 #Javascript
jquery 按键盘上的enter事件
May 11 #Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 #Javascript
You might like
PHP脚本数据库功能详解(上)
2006/10/09 PHP
PHP下几种删除目录的方法总结
2007/08/19 PHP
php 缩略图实现函数代码
2011/06/23 PHP
yii gridview实现时间段筛选功能
2017/08/15 PHP
juqery 学习之四 筛选过滤
2010/11/30 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
JS实现字体选色板实例代码
2013/11/20 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架
2014/09/26 NodeJs
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
JS实现的简单拖拽购物车功能示例【附源码下载】
2018/01/03 Javascript
vscode下的vue文件格式化问题
2018/11/28 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
ES6 let和const定义变量与常量的应用实例分析
2019/06/27 Javascript
js验证密码强度解析
2020/03/18 Javascript
Python解析xml中dom元素的方法
2015/03/12 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
python的help函数如何使用
2020/06/11 Python
CSS3实现头像旋转效果
2017/03/13 HTML / CSS
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
美国运动鞋类和服装零售连锁店:Shoe Palace
2019/08/13 全球购物
文秘专业大学生求职信
2013/11/10 职场文书
打架检讨书800字
2014/01/10 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
证券公司客户经理岗位职责
2015/04/09 职场文书
2016继续教育研修日志
2015/11/13 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
pytorch finetuning 自己的图片进行训练操作
2021/06/05 Python
教你如何让spark sql写mysql的时候支持update操作
2022/02/15 MySQL
图神经网络GNN算法
2022/05/11 Python