绑定回车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判断上传文件类型判断FileUpload文件类型代码
May 20 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
JavaScript事件用法浅析
Oct 31 Javascript
详解Axios 如何取消已发送的请求
Oct 20 Javascript
vue 搭建后台系统模块化开发详解
May 01 Javascript
微信头像地址失效踩坑记附带解决方案
Sep 23 Javascript
5分钟快速看懂ES6中的反射与代理
Dec 19 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
Sep 21 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
Oct 19 Javascript
vue3+typescript实现图片懒加载插件
Oct 26 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
2020年4月放送决定!第2期TV动画《邪神酱飞踢》视觉图&主题曲情报公开!
2020/03/06 日漫
php下实现折线图效果的代码
2007/04/28 PHP
php获取访问者IP地址汇总
2015/04/24 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
ThinkPHP3.2框架使用addAll()批量插入数据的方法
2017/03/16 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
js获取height和width的方法说明
2013/01/06 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
用jQuery实现优酷首页轮播图
2017/01/09 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
vue项目中添加单元测试的方法
2018/07/21 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
vue-cli3+typescript初体验小结
2019/02/28 Javascript
浅谈webpack 四个核心概念之Entry
2019/06/12 Javascript
js实现整体缩放页面适配移动端
2020/03/31 Javascript
python处理csv数据的方法
2015/03/11 Python
利用python画一颗心的方法示例
2017/01/31 Python
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
python如何派生内置不可变类型并修改实例化行为
2018/03/21 Python
python实现手机销售管理系统
2019/03/19 Python
Python求均值,方差,标准差的实例
2019/06/29 Python
深入了解Python在HDA中的应用
2019/09/05 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
python线程池如何使用
2020/05/28 Python
Python自动创建Excel并获取内容
2020/09/16 Python
HTML5 video循环播放多个视频的方法步骤
2020/08/06 HTML / CSS
世界上最好的帽子:Tilley
2016/11/27 全球购物
全球工业:Global Industrial
2020/02/01 全球购物
Oracle的内存结构(Memory structures)
2015/06/10 面试题
合作经营协议书
2014/04/17 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
2014年环保工作总结
2014/11/26 职场文书
出生证明范本
2015/06/15 职场文书