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 string 转 int 注意的问题小结
Aug 15 Javascript
jQuery实现页面滚动时动态加载内容的方法
Mar 20 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
Mar 10 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
May 17 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
Nov 28 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
Vue+mui实现图片的本地缓存示例代码
May 24 Javascript
vue中tab选项卡的实现思路
Nov 25 Javascript
一个小时快速搭建微信小程序的方法步骤
Apr 15 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
Jul 23 Javascript
React配置子路由的实现
Jun 03 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 日漫
谈谈PHP语法(5)
2006/10/09 PHP
PHP中foreach循环中使用引用要注意的地方
2011/01/02 PHP
thinkphp实现like模糊查询实例
2014/10/29 PHP
php ajax异步读取rss文档数据
2016/03/29 PHP
PHP使用反射机制实现查找类和方法的所在位置
2016/04/22 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
javascript Prototype 对象扩展
2009/05/15 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
2014/03/18 Javascript
angular实现表单验证及提交功能
2017/02/01 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
Vue组件之高德地图地址选择功能的实例代码
2019/06/21 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
Python中title()方法的使用简介
2015/05/20 Python
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
numpy 返回函数的上三角矩阵实例
2019/11/25 Python
django实现后台显示媒体文件
2020/04/07 Python
matlab中二维插值函数interp2的使用详解
2020/04/22 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
h5封装下拉刷新
2020/08/25 HTML / CSS
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
Farfetch阿联酋:奢侈品牌时尚购物平台
2019/07/26 全球购物
时尚孕妇装:HATCH Collection
2019/09/24 全球购物
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
机关门卫的岗位职责
2014/04/29 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书