当前位置:  编程技术>WEB前端

绑定回车enter事件代码

    来源: 互联网  发布时间:2014-08-25

    本文导语:  做项目时遇到处理绑定“enter”键的情况,直接把情景代码截取出来了。代码如下: 代码如下: function sendLoginData(){ loginvalidateForm(); $(document).keydown(function(event){ if(event.keyCode == 13){ //绑定回车 $('#login-submit').click(); /自动/触发登...

做项目时遇到处理绑定“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(); /自动/触发登录按钮
}
});

*/
}

    
 
 

您可能感兴趣的文章:

  • jquery 绑定回车动作扑捉回车键触发的事件
  • jQuery回车键绑定点击事件示例
  • jQuery实现当按下回车键时绑定点击事件
  • jquery 绑定、捕获、拦截回车事件的例子
  • Python 3 Tkinter教程之事件Event绑定处理代码实例
  • JQuery为页面Dom元素绑定事件及解除绑定方法
  • 分享:jquery事件重复绑定的解决办法
  • jquery1.10给新增元素绑定事件的方法
  • jquery为动态加载的元素绑定事件的代码
  • JQuery给元素绑定click事件多次执行的解决方法
  • jquery 为a标签绑定click事件示例代码
  • jquery绑定事件不生效的解决方法
  • jquery事件重复绑定的快速解决方法
  • jQuery绑定事件不执行但alert后可以正常执行
  • JQuery1.8 判断元素是否绑定事件的方法
  • jquery bind(click)传参让列表中每行绑定一个事件
  • jQuery中对未来的元素绑定事件用bind、live or on
  • jQuery新的事件绑定机制on()示例应用
  • jquery移除、绑定、触发元素事件使用示例详解
  • jquery新的绑定事件机制on方法的使用方法
  • 解析jQuery的三种bind/One/Live事件绑定使用方法
  • 对于 session 绑定事件的使用
  • JQuery 分组复选框操作实例(bind绑定事件)
  • jquery 新建的元素事件绑定问题解决方案
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Docker 端口映射,端口绑定操作介绍
  • socket编程,服务器会用bind()绑定端口,而客户端不用绑定端口就可以调用connect()。那么客户端的端口时系统自己分配的么?是何时绑定的?
  • socket编程,服务器会用bind()绑定端口,而客户端不用绑定端口就可以调用connect()。那么客户端的端口时系统自己分配的么?是何时绑定的? iis7站长之家
  • 怎么在linux下实现软硬件的绑定和操作系统与硬件的绑定?请高人指教...谢了..
  • 为什么 我用socket绑定一个端口, 释放以后,短期内都没法再绑定这个端口了?
  • java的前期绑定和后期绑定使用示例
  • 请问原始套接字的绑定和一般都的套接字的绑定有什么区别吗
  • Asp.net中的数据绑定Eval和Bind应用示例
  • LINUX主机绑定进行授权管理,怎么样才有效?
  • 对于socket UDP传输,一个端口只能被一个进程绑定?
  • IIS绑定域名图解教程
  • 请教一个关于linux系统中断亲缘性绑定的问题
  • 深入理解C++的动态绑定与静态绑定的应用详解
  • socket编程中客户端绑定端口的问题,请兄弟们指点一下
  • host绑定工具 hostproxy
  • JavaScript 双向数据绑定库 Way.js
  • 如何绑定OS到一个CPU上
  • Java本地代码绑定工具 jSegue
  • 数据绑定工具 Castor
  • 修改.htaccess实现子目录绑定示例分享
  • 页面元素绑定jquery toggle后元素隐藏的解决方法


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3