绑定回车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中实现类的方式探讨
Aug 28 Javascript
JS获取url链接字符串 location.href
Dec 23 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
JavaScript导航脚本判断当前导航
Jul 12 Javascript
BootStrap无限级分类(无限极分类封装版)
Aug 26 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 Javascript
vue移动端下拉刷新和上滑加载
Oct 27 Javascript
js实现简易ATM功能
Oct 27 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
IP攻击升级,程序改进以对付新的攻击
2010/11/23 PHP
php中session过期时间设置及session回收机制介绍
2014/05/05 PHP
php中filter_input函数用法分析
2014/11/15 PHP
PHP排序算法类实例
2015/06/17 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
Ecshop 后台添加新功能栏目及管理权限设置教程
2017/11/21 PHP
javascript的console.log()用法小结
2012/05/31 Javascript
javascript中不等于的代码是什么怎么写
2013/12/29 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
浅谈js中变量初始化
2015/02/03 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
javascript动画系列之模拟滚动条
2016/12/13 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
浅谈Python数据类型之间的转换
2016/06/08 Python
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
python获取交互式ssh shell的方法
2019/02/14 Python
python numpy实现文件存取的示例代码
2019/05/26 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
python根据文本生成词云图代码实例
2019/11/15 Python
Linux中如何用命令创建目录
2015/01/12 面试题
会计与审计专业大专生求职信
2013/10/03 职场文书
优秀实习自我鉴定
2013/12/04 职场文书
节约电力资源的建议书
2014/03/12 职场文书
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
学校校庆演讲稿
2014/05/22 职场文书
销售竞赛活动方案
2014/08/23 职场文书
关于运动会广播稿50字
2014/10/18 职场文书
党员考试作弊检讨书1000字
2015/02/16 职场文书
新员工辞职信范文
2015/05/12 职场文书
Android Studio 计算器开发
2022/05/20 Java/Android