做項目時遇到處理綁定“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(); /自動/觸發登錄按鈕 
} 
}); 
*/ 
} 
新聞熱點
疑難解答
圖片精選