綁定回車enter事件代碼
更新時間:2014年05月18日 15:43:12 作者:
這篇文章主要介紹了綁定回車enter事件代碼,需要的朋友可以參考下
做項(xiàng)目時遇到處理綁定“enter”鍵的情況,直接把情景代碼截取出來了。代碼如下:
function sendLoginData(){
loginvalidateForm();
$(document).keydown(function(event){
if(event.keyCode == 13){ //綁定回車
$('#login-submit').click(); /自動/觸發(fā)登錄按鈕
}
});
$('#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(){
//提示信息,提高用戶體驗(yàn)度
$('#loginInfoWord').show().text('正在處理,請稍后...');
},
success:function(data){
var message = data.message;
if(message == 'D'){
//提示信息,提高用戶體驗(yàn)度
$('#loginInfoWord').show().text('登陸成功,正在跳轉(zhuǎn)...');
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('發(fā)生異常:'+errorThrown);
}
});
});
/* 放在上面下面都可以,跟順序無關(guān)
$(document).keydown(function(event){
if(event.keyCode == 13){ //綁定回車
$('#login-submit').click(); /自動/觸發(fā)登錄按鈕
}
});
*/
}
復(fù)制代碼 代碼如下:
function sendLoginData(){
loginvalidateForm();
$(document).keydown(function(event){
if(event.keyCode == 13){ //綁定回車
$('#login-submit').click(); /自動/觸發(fā)登錄按鈕
}
});
$('#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(){
//提示信息,提高用戶體驗(yàn)度
$('#loginInfoWord').show().text('正在處理,請稍后...');
},
success:function(data){
var message = data.message;
if(message == 'D'){
//提示信息,提高用戶體驗(yàn)度
$('#loginInfoWord').show().text('登陸成功,正在跳轉(zhuǎn)...');
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('發(fā)生異常:'+errorThrown);
}
});
});
/* 放在上面下面都可以,跟順序無關(guān)
$(document).keydown(function(event){
if(event.keyCode == 13){ //綁定回車
$('#login-submit').click(); /自動/觸發(fā)登錄按鈕
}
});
*/
}
相關(guān)文章
Jquery Ajax學(xué)習(xí)實(shí)例7 Ajax所有過程事件分析示例
JQuery在執(zhí)行Ajax的過程中會觸發(fā)很多事件。2010-03-03
JQuery日歷插件My97DatePicker日期范圍限制
這篇文章主要介紹了JQuery日歷插件My97DatePicker日期范圍限制的相關(guān)資料,需要的朋友可以參考下2016-01-01
jquery 查找select ,并觸發(fā)事件的實(shí)現(xiàn)代碼
項(xiàng)目中,用jquery 查找select ,并觸發(fā)事件. 記一筆.關(guān)鍵代碼,需要的朋友可以參考下。2011-03-03
Jquery異步請求數(shù)據(jù)實(shí)例代碼
Jquery異步請求數(shù)據(jù)實(shí)例代碼,需要的朋友可以參考下。2011-12-12
jquery刷新頁面的實(shí)現(xiàn)代碼(局部及全頁面刷新)
jquery刷新頁面的實(shí)現(xiàn)代碼(局部及全頁面刷新) ,需要的朋友可以參考下。2011-07-07

