JavaScript开发中绑定回车enter事件代码
做项目时遇到处理绑定“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(); /自动/触发登录按钮
}
});
*/
}