Jqueryのあるイベントから別のイベントへのフラグを渡す

Question

"input_id"というIDのフォームのテキスト入力フィールドがある場合。ページを読み込む際に、既存のデータをフィールドに入力します

id "form_submit"のボタンを使用してフォームを送信しているときに、フィールドが変更されているかどうかを確認したいと思います。私はその変化に関連する特別な行動をとることにしました。

In Jquery: 

$("#input_id").on("keyup",function(){ 
    //set a flag to indicate the field is altered 
}) 

$("#form_submit").on("click",function(){ 
    //check flag to see if #input_id is changed 
} 

グローバル変数を使用せずに、あるイベントにフラグを設定し、別のイベントでフラグを読み取るにはどうすればよいですか？

ありがとうございます。

Answer 1

、

var submit = $("#form_submit"); 

$("#input_id").on("keyup",function(){ 
submit.data("changed",true); 
}); 

submit.on("click",function(){ 
    if($(this).data("changed")){ //do something } 
} 

Answer 2

なぜ上限スコープではないのですか？あなたは、この目的のために.data()を使用することができます

var flag = false; 
$("#input_id").on("keyup",function(){ 
    // check stuff ... 
    flag = true; 
}); 

$("#form_submit").on("click",function(){ 
    if (flag) { 

    } else { 

    } 
} 

Answer 3

1つのオプションは、フォームデータの属性を使用することです：

$("#input_id").on("keyup",function(){ 
    //set a flag to indicate the field is altered 
    $(this).closest('form').data('changed',true); 
}) 

$("#form_submit").on("click",function(){ 
    //check flag to see if #input_id is changed 
    console.log($(this).closest('form').data('changed')); 
}