绑定回车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 相关文章推荐
使用正则替换变量
May 05 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
javascript实现禁止右键和F12查看源代码
Dec 26 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
js实现图片上传并正常显示
Dec 19 Javascript
详解javascript高级定时器
Dec 31 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
解决vue打包css文件中背景图片的路径问题
Sep 03 Javascript
使用layui的layer组件做弹出层的例子
Sep 27 Javascript
小程序如何自主实现拦截器的示例代码
Nov 04 Javascript
微信小程序自定义底部弹出框动画
Nov 18 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去除HTML标签实例
2013/11/06 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
Eval and new funciton not the same thing
2012/12/27 Javascript
验证码按回车不变解决方法
2013/03/29 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
jquery中ajax使用error调试错误的方法
2015/02/08 Javascript
JavaScript的原型继承详解
2015/02/15 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
angularjs实现简单的购物车功能
2017/09/21 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
vue2.0项目集成Cesium的实现方法
2019/07/30 Javascript
JS使用正则表达式判断输入框失去焦点事件
2019/10/16 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
2019/10/30 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
2020/08/03 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
python3处理含有中文的url方法
2018/05/10 Python
Python设计模式之观察者模式原理与用法详解
2019/01/16 Python
Python英文文章词频统计(14份剑桥真题词频统计)
2019/10/13 Python
在python中list作函数形参,防止被实参修改的实现方法
2020/06/05 Python
PyCharm 光标变成黑块的解决方式
2021/02/06 Python
HTML5 canvas 瀑布流文字效果的示例代码
2018/01/31 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
SmartBuyGlasses比利时:购买品牌太阳镜和眼镜
2019/08/09 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
后勤岗位职责
2013/11/26 职场文书
中西医专业毕业生职业规划书
2014/02/24 职场文书
供货协议书
2014/04/22 职场文书
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
环境工程专业自荐信范文
2014/06/24 职场文书
新生儿未入户证明
2015/06/23 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书
Jupyter Notebook内使用argparse报错的解决方案
2021/06/03 Python