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 相关文章推荐
用js遍历 table的脚本
Jul 23 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
ajax与302响应代码测试
Oct 23 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
Mar 25 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
Oct 04 Javascript
js实现鼠标拖拽缩放div实例代码
Mar 25 Javascript
关于element-ui表单中限制输入纯数字的解决方式
Sep 08 Javascript
微信小程序入门之指南针
Oct 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
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
php采集速度探究总结(原创)
2008/04/18 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
图片延迟加载的实现代码(模仿懒惰)
2013/03/29 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
EasyUi datagrid 实现表格分页
2015/02/10 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
详解JS中的attribute属性
2017/04/25 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
2017/05/02 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
vue Render中slots的使用的实例代码
2017/07/19 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
Python算法之栈(stack)的实现
2014/08/18 Python
python入门基础之用户输入与模块初认识
2016/11/14 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
Python3批量生成带logo的二维码方法
2019/06/24 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
JetBrains PyCharm(Community版本)的下载、安装和初步使用图文教程详解
2020/03/19 Python
python openssl模块安装及用法
2020/12/06 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
《鞋匠的儿子》教学反思
2014/03/02 职场文书
《乡下孩子》教学反思
2014/04/17 职场文书
2014年五四青年节演讲比赛方案
2014/04/22 职场文书
入党推优材料
2014/06/02 职场文书
借名购房协议书范本
2014/10/06 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
小学班主任评语
2014/12/29 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
学术会议开幕词
2016/03/03 职场文书
vue3使用vue-router的完整步骤记录
2021/06/20 Vue.js