javascript 按回车键相应按钮提交事件


Posted in Javascript onNovember 02, 2009

1、使用提交按钮提交,在form表单中的onsubmit事件进行表单验证:

<script type="text/javascript"> function onSub(){ 
//表单验证代码 
} 
</script> 
<form action="" method="" onsubmit="javascript:onSub();">

2、使用button或图片的onclick事件调用表单验证代码:
<input type="button" name="button" id="button" onclick="javascript:onSub();" /> <img src="图片路径" onclick="javascript:onSub();" />

但是,使用第二种方式进行提交表单时,不能在填写完表单时,按回车不能提交表单。这给客户的

感受是和直接使用提交按钮提交表单是不同的;为了实现此项功能只需在你的页面加上如下javascript代码即可

function butOnClick() { 
if (event.keyCode == 13) { 
var button = document.getElementById("bsubmit"); //bsubmit 为botton按钮的id 
button.click(); 
return false; 
} 
}

在你表单最有一个输入项中出发onkeydown事件调用butOnClick()函数即可;例如:登陆程序的最后一项是密码,则

<input type="password" name="userPwd" onkeydown="javascript:butOnClick();" />

这样当你输入完密码后,按下回车键即可实现表单验证和登录操作(如果用户名和密码正确)。这是个人的一点总结,共享出来

大家齐分享!

Javascript 相关文章推荐
JS打开层/关闭层/移动层动画效果的实例代码
May 11 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
Oct 24 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
ajax与jsonp的区别及用法
Oct 16 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
Dec 20 Javascript
Vue项目打包部署到iis服务器的配置方法
Oct 14 Javascript
js利用拖放实现添加删除
Aug 27 Javascript
JQuery 解析多维的Json数据格式
Nov 02 #Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 #Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 #Javascript
JS OOP包机制,类创建的方法定义
Nov 02 #Javascript
JQuery 网站换肤功能实现代码
Nov 02 #Javascript
Javascript结合css实现网页换肤功能
Nov 02 #Javascript
cnblogs csdn 代码运行框实现代码
Nov 02 #Javascript
You might like
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
php过滤html中的其他网站链接的方法(域名白名单功能)
2014/04/24 PHP
php递归删除指定文件夹的方法小结
2015/04/20 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
2015/10/22 PHP
Netbeans 8.2与PHP相关的新特性介绍
2016/10/08 PHP
redis查看连接数及php模拟并发创建redis连接的方法
2016/12/15 PHP
PHP INT类型在内存中占字节详解
2019/07/20 PHP
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
js生成随机数之random函数随机示例
2013/12/20 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
2014/05/20 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
基于jQuery实现仿百度首页选项卡切换效果
2016/05/29 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
js将键值对字符串转为json字符串的方法
2018/03/30 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
深入探索VueJS Scoped CSS 实现原理
2019/09/23 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
python基于物品协同过滤算法实现代码
2018/05/31 Python
Django框架实现的分页demo示例
2019/05/25 Python
python多进程间通信代码实例
2019/09/30 Python
如何使用python的ctypes调用医保中心的dll动态库下载医保中心的账单
2020/05/24 Python
在pycharm中debug 实时查看数据操作(交互式)
2020/06/09 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
python 发送get请求接口详解
2020/11/17 Python
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
Viking Direct爱尔兰:办公用品和家具
2019/11/21 全球购物
英国时尚和家居用品零售商:Matalan
2021/02/28 全球购物
党员干部廉政承诺书
2015/04/28 职场文书
python脚本框架webpy模板控制结构
2021/11/20 Python
Python  lambda匿名函数和三元运算符
2022/04/19 Python