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 相关文章推荐
javascript 动态设置已知select的option的value值的代码
Dec 16 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
实例讲解JQuery中this和$(this)区别
Dec 08 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
Aug 06 Javascript
JavaScript实现页面无操作倒计时退出
Oct 22 Javascript
vue cli 全面解析
Feb 28 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 Javascript
浅谈js闭包理解
Mar 28 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
亲自动手实现vue日历控件
Jun 26 Javascript
JavaScript监听触摸事件代码实例
Dec 30 Javascript
javascript全局自定义鼠标右键菜单
Dec 08 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
在windows iis5下安装php4.0+mysql之我见
2006/10/09 PHP
收集的DedeCMS一些使用经验
2007/03/17 PHP
解析dedecms空间迁移步骤详解
2013/05/15 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
PHP合并两个或多个数组的方法
2019/01/20 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
关于jQuery中的end()使用方法
2011/07/10 Javascript
jQuery EasyUI API 中文文档 - Menu菜单
2011/10/03 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
2015/05/04 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
2017/08/17 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
微信小程序实现的一键拨号功能示例
2019/04/24 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
vuex实现购物车功能
2020/06/28 Javascript
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
python实现下载pop3邮件保存到本地
2018/06/19 Python
使用Python操作FTP实现上传和下载的方法
2019/04/01 Python
Python实现数值积分方式
2019/11/20 Python
opencv设置采集视频分辨率方式
2019/12/10 Python
python 解压、复制、删除 文件的实例代码
2020/02/26 Python
德国团购网站:Groupon德国
2018/03/13 全球购物
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
优秀实习生感言
2014/03/01 职场文书
金融管理专业毕业生求职信
2014/03/12 职场文书
初中学校对照检查材料
2014/08/19 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
2014年财务工作自我评价
2014/09/23 职场文书
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS