绑定回车enter事件代码


Posted in Javascript onMay 18, 2014

做项目时遇到处理绑定“enter”键的情况,直接把情景代码截取出来了。代码如下:

function sendLoginData(){ 
loginvalidateForm(); $(document).keydown(function(event){ 
if(event.keyCode == 13){ //绑定回车 
$('#login-submit').click(); /自动/触发登录按钮 
} 
}); 
$('#login-submit').click(function(){ 
if($('#login-form').valid()==false){ 
return false; 
} 
var username = $('#id_username').val(); 
var password = $('#id_password').val(); 
$.ajax({ 
type:"post", 
dataType:"json", 
contentType:"application/x-www-form-urlencoded;charset=UTF-8", 
url:"{% url netPan.User.views.LoginHd%}", 
data:{ 
username: username, 
password: password 
}, 
beforeSend: function(){ 
//提示信息,提高用户体验度 
$('#loginInfoWord').show().text('正在处理,请稍后...'); 
}, 
success:function(data){ 
var message = data.message; 
if(message == 'D'){ 
//提示信息,提高用户体验度 
$('#loginInfoWord').show().text('登陆成功,正在跳转...'); 
window.location.href = '{% url netPan.index.IndexHd%}'; 
}else if(message == 'C'){ 
$('#loginInfoWord').show().text('用户名或密码错误'); 
}else if(message == 'N'){ 
$('#loginInfoWord').show().text('您还没有注册!'); 
}else if(message == 'H'){ 
$('#loginInfoWord').show().text('您还未激活账号,快登录邮箱激活账号吧!'); 
} 
}, 
error: function(xhr,textStatus,errorThrown){ 
$('#loginInfoWord').show().text('发生异常:'+errorThrown); 
} 
}); 
}); 
/* 放在上面下面都可以,跟顺序无关 
$(document).keydown(function(event){ 
if(event.keyCode == 13){ //绑定回车 
$('#login-submit').click(); /自动/触发登录按钮 
} 
}); 
*/ 
}
Javascript 相关文章推荐
用javascript实现分割提取页面所需内容
May 09 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
jQuery控制TR显示隐藏的几种方法
Jun 18 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
Jan 18 Javascript
使用cropper.js裁剪头像的实例代码
Sep 29 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
js字符串处理之绝妙的代码
Apr 05 Javascript
Node 搭建一个静态资源服务器的实现
May 20 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
Sep 10 Javascript
javascript的alert box在java中如何显示多行
May 18 #Javascript
JSON+HTML实现国家省市联动选择效果
May 18 #Javascript
让alert不出现弹窗的两种方法
May 18 #Javascript
jqGrid读取选择的多行的某个属性代码
May 18 #Javascript
wap浏览自动跳转到wap页面的js代码
May 17 #Javascript
javascript教程:关于if简写语句优化的方法
May 17 #Javascript
javascript if条件判断方法小结
May 17 #Javascript
You might like
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
详解WordPress中用于合成数组的wp_parse_args()函数
2015/12/18 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
Javascript的IE和Firefox兼容性汇编(zz)
2007/02/02 Javascript
JavaScript中清空数组的三种方法分享
2011/04/07 Javascript
用js获取电脑信息(是使用与IE浏览器)
2013/01/15 Javascript
用js实现in_array的方法
2013/11/05 Javascript
javaScript如何处理从java后台返回的list
2014/04/24 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
实例解析Array和String方法
2016/12/14 Javascript
vue 项目build错误异常的解决方法
2019/04/22 Javascript
图解NodeJS实现登录注册功能
2019/09/16 NodeJs
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
2020/02/17 Javascript
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
Python的Django框架中if标签的相关使用
2015/07/15 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
人脸识别经典算法一 特征脸方法(Eigenface)
2018/03/13 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
Python接收手机短信的代码整理
2020/08/02 Python
Python中生成ndarray实例讲解
2021/02/22 Python
美国知名的时尚购物网站:Anthropologie
2016/12/22 全球购物
某公司Java工程师面试题笔试题
2016/03/27 面试题
请解释virtual关键字的含义
2015/06/17 面试题
大学应届生的自我评价
2014/03/06 职场文书
家长学校实施方案
2014/03/15 职场文书
医师定期考核实施方案
2014/05/07 职场文书
心理咨询承诺书
2014/05/20 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
八达岭长城导游词
2015/01/30 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
小学记事作文之200字
2019/08/06 职场文书
python 标准库原理与用法详解之os.path篇
2021/10/24 Python