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 模式设计之工厂模式学习心得
Apr 27 Javascript
jQuery获取地址栏参数插件(模仿C#)
Oct 26 Javascript
jquery attr 设定src中含有&amp;(宏)符号问题的解决方法
Jul 26 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
AngularJS之页面跳转Route实例代码
Mar 10 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
jQuery实现炫丽的3d旋转星空效果
Jul 04 jQuery
Angularjs实现多图片上传预览功能
Jul 18 Javascript
vue-cli3脚手架的配置及使用教程
Aug 28 Javascript
JSONObject与JSONArray使用方法解析
Sep 28 Javascript
vue3为什么要用proxy替代defineProperty
Oct 19 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
php5 pdo新改动加载注意事项
2008/09/11 PHP
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
react中的ajax封装实例详解
2017/10/17 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
详解Python当中的字符串和编码
2015/04/25 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
Python实现单词翻译功能
2017/06/06 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
python自动生成model文件过程详解
2019/11/02 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
python函数enumerate,operator和Counter使用技巧实例小结
2020/02/22 Python
英国家庭家具、照明和花园家具购物网站:Furniture123
2018/12/31 全球购物
西班牙Polo衫品牌:Polo Club
2020/08/09 全球购物
个人找工作的自我评价
2013/10/17 职场文书
初三开学计划书
2014/04/27 职场文书
高考升学宴答谢词
2015/01/20 职场文书
幼儿教师师德师风自我评价
2015/03/05 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
辞职离别感言
2015/08/04 职场文书
SQL Server中交叉联接的用法详解
2021/04/22 SQL Server
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python
Redis字典实现、Hash键冲突及渐进式rehash详解
2021/09/04 Redis