绑定回车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 相关文章推荐
11款基于Javascript的文件管理器
Oct 25 Javascript
js制作的鼠标悬浮时产生的下拉框效果
Oct 27 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
Dec 24 Javascript
原生js实现查询天气小应用
Dec 09 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
May 28 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 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下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
斜45度寻路实现函数
2009/08/20 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
Jquery 整理元素选取、常用方法一览表
2016/11/26 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
2017/04/12 Javascript
Bootstrap弹出框(Popover)被挤压的问题小结
2017/07/11 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
vue 权限认证token的实现方法
2018/07/17 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
2019/09/05 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
element-ui 实现响应式导航栏的示例代码
2020/05/08 Javascript
[48:41]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
Python获取网页上图片下载地址的方法
2015/03/11 Python
Python中url标签使用知识点总结
2020/01/16 Python
在pycharm中为项目导入anacodna环境的操作方法
2020/02/12 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
CSS3中各种颜色属性的使用教程
2016/05/17 HTML / CSS
HTML5之web workers_动力节点Java学院整理
2017/07/17 HTML / CSS
详解HTML5 canvas绘图基本使用方法
2018/01/29 HTML / CSS
医学院护理专业应届生求职信
2013/11/12 职场文书
银行职员思想汇报
2013/12/31 职场文书
小班开学寄语
2014/04/04 职场文书
渠道运营商合作协议书范本
2014/10/06 职场文书
2014红色之旅心得体会
2014/10/07 职场文书
财务人员个人工作总结
2015/02/27 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
关于元旦的广播稿2016
2015/12/17 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
Python Django ORM连表正反操作技巧
2021/06/13 Python
关于JS中的作用域中的问题思考分享
2022/04/06 Javascript