Übergeben Sie ein Flag von einem Ereignis zu einem anderen in Jquery

Question

Wenn ich ein Text-Eingabefeld in einem Formular mit ID habe sagen "Input_id". Während des Ladens der Seite würde ich das Feld mit den vorhandenen Daten füllen

Beim Absenden des Formulars mit einem Button der ID "form_submit", möchte ich feststellen, ob das Feld in irgendeiner Weise geändert wurde. So würde ich besondere Maßnahmen in Bezug auf die Veränderung ergreifen.

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 
} 

Also wie setze ich ein Flag in einem Ereignis und lese es in einem anderen, ohne eine globale Variable zu verwenden?

Vielen Dank im Voraus

Answer 1

können Sie .data() für diesen Zweck verwenden,

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

Warum also nicht nur eine obere Rahmen Flagge?

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

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

    } else { 

    } 
} 

Answer 3

Eine Möglichkeit, die Formulardaten Attribut zu verwenden wäre:

$("#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')); 
}