绑定回车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 相关文章推荐
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
基于jquery的图片轮播 tab切换组件
Jul 19 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
Nov 28 Javascript
理解JavaScript的变量的入门教程
Jul 07 Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
Angular4实现动态添加删除表单输入框功能
Aug 11 Javascript
JavaScript中的一些实用小技巧总结
Apr 07 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 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 array_multisort()函数的使用札记
2011/07/03 PHP
php时区转换转换函数
2014/01/07 PHP
php生成zip文件类实例
2015/04/07 PHP
extJs 下拉框联动实现代码
2010/04/09 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
jquery网页元素拖拽插件效果及实现
2013/08/05 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
脚本div实现拖放功能(两种)
2017/02/13 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
2017/04/13 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
2020/12/30 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
2021/01/13 Vue.js
[02:07]2018DOTA2亚洲邀请赛主赛事第三日五佳镜头 fy极限反杀
2018/04/06 DOTA
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
简洁的十分钟Python入门教程
2015/04/03 Python
python中子类继承父类的__init__方法实例
2016/12/15 Python
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
Python判断文件和字符串编码类型的实例
2017/12/21 Python
Zookeeper接口kazoo实例解析
2018/01/22 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
python numpy 按行归一化的实例
2019/01/21 Python
Django CSRF跨站请求伪造防护过程解析
2019/07/31 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
应届生简历中的自我评价
2014/01/13 职场文书
开学典礼策划方案
2014/05/28 职场文书
党课心得体会范文
2014/09/09 职场文书
个人投资合作协议书
2014/10/12 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
冰峪沟导游词
2015/02/09 职场文书