绑定回车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基础之undefined与null的区别分析
Aug 08 Javascript
JS与C#编码解码
Dec 03 Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 Javascript
jQuery超简单选项卡完整实例
Sep 26 Javascript
js简单判断flash是否加载完成的方法
Jun 21 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
Vue结合原生js实现自定义组件自动生成示例
Jan 21 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
Jun 09 Javascript
Angular 表单控件示例代码
Jun 26 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
JS实现分页导航效果
Feb 19 Javascript
JavaScript实现栈结构详细过程
Dec 06 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定时计划任务与fsockopen持续进程实例
2014/05/23 PHP
浅析PHP中的i++与++i的区别及效率
2016/06/15 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
PHP使用SOAP调用API操作示例
2018/12/25 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
2013/12/31 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
javascript中一些util方法汇总
2015/06/10 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
javaScript实现复选框全选反选事件详解
2020/11/20 Javascript
vue的状态管理模式vuex
2017/11/30 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
2018/03/05 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
vue实现路由不变的情况下,刷新页面操作示例
2020/02/02 Javascript
JavaScript实现随机点名器
2020/03/25 Javascript
vue+canvas实现移动端手写签名
2020/05/21 Javascript
在Vue 中实现循环渲染多个相同echarts图表
2020/07/20 Javascript
谈一谈基于python的面向对象编程基础
2019/05/21 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
Jmeter HTTPS接口测试证书导入过程图解
2020/07/22 Python
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
建筑设计专业求职自我评价
2014/03/02 职场文书
《凡卡》教学反思
2014/04/09 职场文书
寄语是什么意思
2014/04/10 职场文书
2014年妇幼保健工作总结
2014/12/08 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
电影雨中的树观后感
2015/06/15 职场文书
大学运动会通讯稿
2015/07/18 职场文书
2019教师的学习计划
2019/06/25 职场文书
MySQL中LAG()函数和LEAD()函数的使用
2022/08/14 MySQL