绑定回车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 相关文章推荐
checkbox 多选框 联动实现代码
Oct 22 Javascript
js内置对象 学习笔记
Aug 01 Javascript
jquery post方式传递多个参数值后台以数组的方式进行接收
Jan 11 Javascript
简单的代码实现jquery定时器
Nov 17 Javascript
jquery查找父元素、子元素(个人经验总结)
Apr 09 Javascript
js实现向右横向滑出的二级菜单效果
Aug 27 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
Oct 17 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 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设计模式 php实现建造者模式
2015/12/07 PHP
微信支付开发发货通知实例
2016/07/12 PHP
php自定义时间转换函数示例
2016/12/07 PHP
jquery 防止表单重复提交代码
2010/01/21 Javascript
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
js实现百度搜索提示框
2017/02/05 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
2020/03/09 Javascript
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
python实现各种插值法(数值分析)
2019/07/30 Python
pytorch 模型可视化的例子
2019/08/17 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
python3 实现口罩抽签的功能
2020/03/11 Python
python 连续不等式语法糖实例
2020/04/15 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
详解Python中string模块除去Str还剩下什么
2020/11/30 Python
Canvas实现放大镜效果完整案例分析(附代码)
2020/11/26 HTML / CSS
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
美国儿童服装、家具和玩具精品店:Maisonette
2019/11/24 全球购物
您的时尚,您的生活方式:DTLR Villa
2019/12/25 全球购物
如何写一个自定义标签
2012/12/28 面试题
摄影实习自我鉴定
2013/09/20 职场文书
网上开店必备创业计划书
2014/01/26 职场文书
新文化运动的口号
2014/06/21 职场文书
专升本学生毕业自我鉴定
2014/10/04 职场文书
一年级班主任工作总结2014
2014/11/08 职场文书
生活小常识广播稿
2015/08/19 职场文书