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 相关文章推荐
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
JS获取随机数函数可自定义最小值最大值
May 08 Javascript
jQuery中[attribute]选择器用法实例
Dec 31 Javascript
jQuery简单实现title提示效果示例
Aug 01 Javascript
easyui messager alert 三秒后自动关闭提示的实例
Nov 07 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
Dec 21 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 Javascript
vue实现购物车小案例
Sep 27 Javascript
十分钟教你上手ES2020新特性
Feb 12 Javascript
VUE使用axios调用后台API接口的方法
Aug 03 Javascript
使用node-media-server搭建一个简易的流媒体服务器
Jan 20 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/11/01 PHP
实例讲解yii2.0在php命令行中运行的步骤
2015/12/01 PHP
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
javascript中call apply 与 bind方法详解
2016/03/10 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
javascript实现导航栏分页效果
2019/06/27 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
微信小程序实现拨打电话功能的示例代码
2020/06/28 Javascript
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
Python中运算符&quot;==&quot;和&quot;is&quot;的详解
2016/10/08 Python
python版本的仿windows计划任务工具
2018/04/30 Python
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
python实现桌面壁纸切换功能
2019/01/21 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
python微信聊天机器人改进版(定时或触发抓取天气预报、励志语录等,向好友推送)
2019/04/25 Python
详解Python 定时框架 Apscheduler原理及安装过程
2019/06/14 Python
详细介绍pandas的DataFrame的append方法使用
2019/07/31 Python
django-filter和普通查询的例子
2019/08/12 Python
Python程序控制语句用法实例分析
2020/01/14 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
印度最大的旅游网站:MakeMyTrip
2016/10/05 全球购物
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
英语演讲稿范文
2014/01/03 职场文书
2014班子“三严三实”对照检查材料思想汇报
2014/09/18 职场文书
辩论赛新闻稿
2015/07/17 职场文书
公司档案管理制度
2015/08/05 职场文书