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 相关文章推荐
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
快速学习JavaScript的6个思维技巧
Oct 13 Javascript
JavaScript中Date对象的常用方法示例
Oct 24 Javascript
jQuery纵向导航菜单效果实现方法
Dec 19 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
Apr 18 Javascript
javascript 中关于array的常用方法详解
May 05 Javascript
JavaScript 五大常见函数
Mar 23 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 Javascript
node版本管理工具n包使用教程详解
Nov 09 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
DSP接收机前端设想
2021/03/02 无线电
PHP生成不重复标识符的方法
2014/11/21 PHP
PHP中的traits简单使用实例
2015/05/13 PHP
PHP实现bitmap位图排序与求交集的方法
2016/07/28 PHP
PHP简单字符串过滤方法示例
2016/09/04 PHP
Convert Seconds To Hours
2007/06/16 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
2014/05/05 Javascript
jquery访问ashx文件示例代码
2014/08/11 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
2015/03/12 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
Ionic默认的Tabs模板使用实例
2016/08/29 Javascript
jquery与js实现全选功能的区别
2017/06/11 jQuery
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
Vue单文件组件的如何使用方式介绍
2017/07/28 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
JavaScript模块模式实例详解
2017/10/25 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
如何对react hooks进行单元测试的方法
2019/08/14 Javascript
Vue中图片Src使用变量的方法
2019/10/30 Javascript
vue-router为激活的路由设置样式操作
2020/07/18 Javascript
vue+elementUI实现简单日历功能
2020/09/24 Javascript
Python 文本文件内容批量抽取实例
2018/12/10 Python
python自动化实现登录获取图片验证码功能
2019/11/20 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
CSS3 制作绽放的莲花采用效果叠加实现
2013/01/31 HTML / CSS
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
岗位职责的含义
2013/11/17 职场文书
银行求职信个人范文
2013/12/16 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
八一建军节主持词
2015/07/01 职场文书
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android