绑定回车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 相关文章推荐
客户端静态页面玩分页
Jun 26 Javascript
javascript得到XML某节点的子节点个数的脚本
Oct 11 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
JQuery对class属性的操作实现按钮开关效果
Oct 11 Javascript
JS、CSS加载中的小问题探讨
Nov 26 Javascript
js中style.display=""无效的解决方法
Oct 30 Javascript
基于canvas实现的钟摆效果完整实例
Jan 26 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
php 修改密码实现代码
May 24 Javascript
360doc网站不登录就无法复制内容的解决方法
Jan 27 Javascript
JS实现的判断方法、变量是否存在功能示例
Mar 28 Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 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
星际争霸教主Flash的ID由来:你永远不会知道他之前的ID是www!
2019/01/18 星际争霸
数字转英文
2006/12/06 PHP
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
ExtJS与PHP、MySQL实现存储的方法
2010/04/02 PHP
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
php使用Cookie控制访问授权的方法
2015/01/21 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
JavaScript制作简单分页插件
2016/09/11 Javascript
Input文本框随着输入内容多少自动延伸的实现
2017/02/15 Javascript
node.js中fs.stat与fs.fstat的区别详解
2017/06/01 Javascript
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
React中的refs的使用教程
2018/02/13 Javascript
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
2018/12/13 Javascript
vue中实现动态生成二维码的方法
2020/02/21 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
2020/03/08 Javascript
Python实现发送email的几种常用方法
2014/08/18 Python
Python入门篇之函数
2014/10/20 Python
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
Python算法应用实战之栈详解
2017/02/04 Python
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
自荐信格式简述
2014/01/25 职场文书
银行服务明星推荐材料
2014/05/29 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
承诺函范文
2015/01/21 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
大学组织委员竞选稿
2015/11/21 职场文书