ホームページ  >  記事  >  ウェブフロントエンド  >  バインドイベント code_jquery を入力

バインドイベント code_jquery を入力

WBOY
WBOYオリジナル
2016-05-16 16:47:571377ブラウズ

プロジェクトに取り組んでいるときに、「Enter」キーをバインドする状況に遭遇したため、シナリオ コードを直接インターセプトしました。コードは次のとおりです。

コードをコピー コードは次のとおりです。

function sendLoginData( ){
loginvalidateForm ();

$(document).keydown(function(event){
if(event.keyCode == 13){ //バインド Enter
$(' #login-submit ').click(); /自動的に/ログイン ボタンをトリガーします
}
$('#login-submit').click(function(){
if( $('#login-form').valid()==false){
return false;
}

var username = $('#id_username')。 val();
var パスワード = $('#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: ユーザー名,
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('User名前またはパスワードが間違っています');
}else if(message == 'N'){
$('#loginInfoWord').show().text('まだ登録されていません。 ');
}else if(message == 'H'){
$('#loginInfoWord').show().text('まだアカウントを有効にしていません。メールアドレスにログインしてください。 );
}
},
error: function(xhr,textStatus,errorThrown){
$('#loginInfoWord').show().text('Exception発生しました:' errorThrown);

});

});

/* 順序は関係ありません

$(document) .keydown(function(event){
if(event.keyCode == 13){ //バインド Enter
$('#login-submit')。 click(); /自動的に/ログインボタンをトリガーします
}
});

*/
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。