绑定回车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 相关文章推荐
Jquery 实现Tab效果 思路是js思路
Mar 02 Javascript
25个非常棒的jQuery滑块插件和教程小结
Sep 02 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
javascript移出节点removeChild()使用介绍
Apr 03 Javascript
JQuery做的一个简单的点灯游戏分享
Jul 16 Javascript
javascript中attachEvent用法实例分析
May 14 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
Aug 16 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
node.js博客项目开发手记
Mar 16 Javascript
解决vue一个页面中复用同一个echarts组件的问题
Jul 19 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
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
PHP查找与搜索数组元素方法总结
2015/06/12 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
2010/01/15 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
jQuery插件jRumble实现网页元素抖动
2015/06/05 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
jquery遍历标签中自定义的属性方法
2016/09/17 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
2018/02/02 jQuery
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
Vue全局分页组件的实现代码
2018/08/10 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
python 自动提交和抓取网页
2009/07/13 Python
Python实现合并字典的方法
2015/07/07 Python
在Django框架中运行Python应用全攻略
2015/07/17 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
美国专营婴幼儿用品的购物网站:buybuy BABY
2017/01/01 全球购物
写出二分查找算法的两种实现
2013/05/13 面试题
ddl,dml和dcl的含义
2016/05/08 面试题
信息系统专业个人求职信范文
2013/12/07 职场文书
四风存在的原因分析
2014/02/11 职场文书
秋季运动会广播稿大全
2014/02/17 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
团委竞选演讲稿
2014/04/24 职场文书
通知的格式范文
2015/04/27 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书
浅谈克隆 JavaScript
2021/11/02 Javascript