綁定回車enter事件代碼
更新時(shí)間:2014年05月18日 15:43:12 作者:
這篇文章主要介紹了綁定回車enter事件代碼,需要的朋友可以參考下
做項(xiàng)目時(shí)遇到處理綁定“enter”鍵的情況,直接把情景代碼截取出來了。代碼如下:
function sendLoginData(){
loginvalidateForm();
$(document).keydown(function(event){
if(event.keyCode == 13){ //綁定回車
$('#login-submit').click(); /自動(dòng)/觸發(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('正在處理,請(qǐng)稍后...');
},
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('用戶名或密碼錯(cuò)誤');
}else if(message == 'N'){
$('#loginInfoWord').show().text('您還沒有注冊(cè)!');
}else if(message == 'H'){
$('#loginInfoWord').show().text('您還未激活賬號(hào),快登錄郵箱激活賬號(hào)吧!');
}
},
error: function(xhr,textStatus,errorThrown){
$('#loginInfoWord').show().text('發(fā)生異常:'+errorThrown);
}
});
});
/* 放在上面下面都可以,跟順序無關(guān)
$(document).keydown(function(event){
if(event.keyCode == 13){ //綁定回車
$('#login-submit').click(); /自動(dòng)/觸發(fā)登錄按鈕
}
});
*/
}
復(fù)制代碼 代碼如下:
function sendLoginData(){
loginvalidateForm();
$(document).keydown(function(event){
if(event.keyCode == 13){ //綁定回車
$('#login-submit').click(); /自動(dòng)/觸發(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('正在處理,請(qǐng)稍后...');
},
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('用戶名或密碼錯(cuò)誤');
}else if(message == 'N'){
$('#loginInfoWord').show().text('您還沒有注冊(cè)!');
}else if(message == 'H'){
$('#loginInfoWord').show().text('您還未激活賬號(hào),快登錄郵箱激活賬號(hào)吧!');
}
},
error: function(xhr,textStatus,errorThrown){
$('#loginInfoWord').show().text('發(fā)生異常:'+errorThrown);
}
});
});
/* 放在上面下面都可以,跟順序無關(guān)
$(document).keydown(function(event){
if(event.keyCode == 13){ //綁定回車
$('#login-submit').click(); /自動(dòng)/觸發(fā)登錄按鈕
}
});
*/
}
相關(guān)文章
jquery解析json格式數(shù)據(jù)的方法(對(duì)象、字符串)
這篇文章主要介紹了jquery解析json格式數(shù)據(jù)的方法,包括針對(duì)json對(duì)象及json字符串的解析技巧,并附帶了完整的jQuery解析json數(shù)據(jù)示例,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11自定義jquery模態(tài)窗口插件無法在頂層窗口顯示問題
自定義一個(gè)jquery模態(tài)窗口插件只能在mainFrame窗口中顯示,無法在頂層窗口顯示2014-05-05jQuery實(shí)現(xiàn)圖片與文字描述左右滑動(dòng)自動(dòng)切換的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片與文字描述左右滑動(dòng)自動(dòng)切換的方法,涉及jquery實(shí)現(xiàn)圖文滑動(dòng)切換效果的方法,涉及jquery針對(duì)頁面元素與樣式的相關(guān)操作技巧,需要的朋友可以參考下2015-07-07jquery 判斷滾動(dòng)條到達(dá)了底部和頂端的方法
這篇文章主要介紹了jquery 判斷滾動(dòng)條到達(dá)了底部和到達(dá)頂端的方法,需要的朋友可以參考下2014-04-04JQuery.validationEngine表單驗(yàn)證插件(推薦)
這篇文章主要介紹了JQuery.validationEngine表單驗(yàn)證插件(推薦)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12基于jquery的使ListNav兼容中文首字拼音排序的實(shí)現(xiàn)代碼
jQuery的字母排序插件ListNav不支持中文,比較頭疼,最后找到一個(gè)取中文首字母的JS函數(shù),再配合ListNav,可以完善支持中文按首字母進(jìn)行排序。2011-07-07jQuery 選擇器用法實(shí)例分析【prev + next】
這篇文章主要介紹了jQuery 選擇器用法,結(jié)合實(shí)例形式分析了jQuery選擇器prev 與 next基本功能、用法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-05-05