首页 > web前端 > js教程 > 绑定回车enter事件代码_jquery

绑定回车enter事件代码_jquery

WBOY
发布: 2016-05-16 16:47:57
原创
1403 人浏览过

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

*/
}
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板