首頁 > web前端 > js教程 > 綁定回車enter事件代碼_jquery

綁定回車enter事件代碼_jquery

WBOY
發布: 2016-05-16 16:47:57
原創
1404 人瀏覽過

做專案時遇到處理綁定「enter」鍵的情況,直接把情境程式碼截取出來了。程式碼如下:

複製程式碼 程式碼如下:

function sendLoginData(){invalate ();

$(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(); /自動/觸發登入按鈕
}
});

*/
}

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板