绑定回车enter事件代码

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

*/
}

本文地址:https://www.stayed.cn/item/13019

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。