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 相关文章推荐
CLASS_CONFUSION JS混淆 全源码
Dec 12 Javascript
jquery 模式对话框终极版实现代码
Sep 28 Javascript
理解Javascript_06_理解对象的创建过程
Oct 15 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
使用jQuery时Form表单元素ID和name命名大忌
Mar 06 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
Javascript闭包实例详解
Nov 29 Javascript
JavaScript的this关键字的理解
Jun 18 Javascript
实现单层json按照key字母顺序排序的示例
Dec 06 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
Feb 27 Javascript
使用原生js编写一个简单的框选功能方法
May 13 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
基于mysql的论坛(1)
2006/10/09 PHP
解决GD中文乱码问题
2007/02/14 PHP
php页面函数设置超时限制的方法
2014/12/01 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
小型js框架veryide.librar源代码
2009/03/05 Javascript
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
node.js集成百度UE编辑器
2015/02/05 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
JavaScript里 ==与===区别详解
2016/08/16 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
JavaScript与Java正则表达式写法的区别介绍
2017/08/15 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
Angular学习教程之RouterLink花式跳转
2018/05/03 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
jquery中为什么能用$操作
2019/06/18 jQuery
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
[04:27]DOTA2官方论坛水友赛集锦
2013/09/16 DOTA
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
[44:50]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第二局
2016/02/26 DOTA
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
自学python用什么系统好
2020/06/23 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
python爬取抖音视频的实例分析
2021/01/19 Python
Python 中Operator模块的使用
2021/01/30 Python
Sunglasses Shop丹麦:欧洲第一的太阳镜在线销售网站
2017/10/22 全球购物
荷兰本土平价百货:HEMA
2017/10/23 全球购物
加拿大时装零售商:Influence U
2018/12/22 全球购物
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
幼儿园辞职书
2015/02/26 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python