绑定回车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 location.replace与location.reload的区别
Sep 08 Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 Javascript
JS的get和set使用示例
Feb 20 Javascript
关于编写性能高效的javascript事件的技术
Nov 28 Javascript
常用DOM整理
Jun 16 Javascript
JS实现日期时间动态显示的方法
Dec 07 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
Jul 13 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
Sep 13 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
Node在Controller层进行数据校验的过程详解
Aug 28 Javascript
js定时器出现第一次延迟的原因及解决方法
Jan 04 Javascript
JavaScript实现酷炫的鼠标拖尾特效
Feb 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实现WEB动态网页静态
2006/10/09 PHP
php中文本数据翻页(留言本翻页)
2006/10/09 PHP
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
php数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
PHP递归实现层级树状展开
2016/04/01 PHP
PHP中的浅复制与深复制的实例详解
2017/10/26 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
javascript实现动态标签云
2015/10/16 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
详解小程序不同页面之间通讯的解决方案
2018/11/23 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
2020/03/12 Javascript
初步解析Python中的yield函数的用法
2015/04/03 Python
Python 中 list 的各项操作技巧
2017/04/13 Python
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
Python cookbook(数据结构与算法)从字典中提取子集的方法示例
2018/03/22 Python
python3.7.0的安装步骤
2018/08/27 Python
pandas对dataFrame中某一个列的数据进行处理的方法
2019/07/08 Python
python中利用numpy.array()实现俩个数值列表的对应相加方法
2019/08/26 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
HSRP的含义以及如何工作
2014/09/10 面试题
Python里面如何拷贝一个对象
2014/02/17 面试题
yy结婚证婚词
2014/01/10 职场文书
巾帼建功标兵事迹材料
2014/05/11 职场文书
新闻编辑专业自荐信
2014/07/02 职场文书
责任书格式
2015/01/29 职场文书
开学随笔
2015/08/15 职场文书
Python Pandas解析读写 CSV 文件
2022/04/11 Python