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