绑定回车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 相关文章推荐
ext实现完整的登录代码
Aug 08 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
使用纯javascript实现放大镜效果
Mar 18 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
Sep 23 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
Sep 21 Javascript
BootStrap轻松实现微信页面开发代码分享
Oct 21 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
基于AngularJS的简单使用详解
Sep 10 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
Node配合WebSocket做多文件下载以及进度回传
Nov 07 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实现的多彩标签效果代码分享
2014/08/21 PHP
jquery 选项卡效果 新手代码
2011/07/08 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
2015/08/25 Javascript
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
React Native 图片查看组件的方法
2018/03/01 Javascript
Vue.js实现开发购物车功能的方法详解
2019/02/22 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
微信小程序停止其他视频播放当前视频的实例代码
2019/12/25 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
JavaScript实现弹出窗口效果
2020/12/09 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
Python中encode()方法的使用简介
2015/05/18 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
Python的Lambda函数用法详解
2019/09/03 Python
python实现简单成绩录入系统
2019/09/19 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
HTML5 视频播放(video),JavaScript控制视频的实例代码
2018/10/08 HTML / CSS
教师实习的自我鉴定
2013/10/26 职场文书
自我推荐书
2013/12/04 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
企业文化宣传标语
2014/06/09 职场文书
解除施工合同协议书
2014/10/17 职场文书
2014年个人年终总结
2015/03/09 职场文书
高中体育课教学反思
2016/02/16 职场文书
详细了解MVC+proxy
2021/07/09 Java/Android
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js
Javascript webpack动态import
2022/04/19 Javascript
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android