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 页面模板化很多人没有使用过的方法
Jun 05 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
Nov 07 Javascript
jquery阻止冒泡事件使用模拟事件
Sep 06 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 Javascript
jquery查找父元素、子元素(个人经验总结)
Apr 09 Javascript
JS实现闪动的title消息提醒效果
Jun 20 Javascript
jquery隔行换色效果实现方法
Jan 15 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
jQuery中next方法用法实例
Apr 24 Javascript
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
Jul 16 Javascript
使用Layui搭建后台管理界面的操作方法
Sep 20 Javascript
小程序实现按下录音松开识别语音
Nov 22 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 星际争霸
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
php类
2006/11/27 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
PHP序列化操作方法分析
2016/09/28 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
一个简单的瀑布流效果(主体形式自写)
2013/05/27 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
javascript实现playfair和hill密码算法
2014/12/07 Javascript
angularJS 中input示例分享
2015/02/09 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
Bootstrap每天必学之轮播(Carousel)插件
2016/04/25 Javascript
Javascript 获取鼠标当前的位置实现方法
2016/10/27 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
2016/12/13 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
详解vue-meta如何让你更优雅的管理头部标签
2018/01/18 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
详解 Python中LEGB和闭包及装饰器
2017/08/03 Python
Django Admin中增加导出Excel功能过程解析
2019/09/04 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
ipad上运行python的方法步骤
2019/10/12 Python
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
大学生个人实习的自我评价
2014/02/15 职场文书
产品质量承诺书范文
2014/03/27 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
合同范本之电脑出租
2019/08/13 职场文书