DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 綁定回車enter事件代碼
綁定回車enter事件代碼
編輯:JQuery特效代碼     
做項目時遇到處理綁定“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(); /自動/觸發登錄按鈕
}
});

*/
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved