Kontinuierlich überwachen 3 Texteingabefelder mit jquery

Question

Ich versuche, 3 Texteingabefelder zusammen zu überwachen. Das Folgende scheint nicht zu funktionieren.

$(document).ready(function() {     
    $("input:text").each(function() { 
     $(this).change(function() { 
      checkinputs(this));        
     }); 
    }); 
}); 

Einige Einblicke bitte. Ich möchte in jedem Eingabefeld überprüfen, ob ALLE die Standards erfüllen, die durch checkinputs() erzwungen werden.

Mit anderen Worten, wenn jemand in eines der Felder schreibt, möchte ich das aktuelle Feld und die anderen Felder auch in Echtzeit überwachen. Das ist vielleicht nicht so trivial wie ich denke.

Answer 1

Versuchen Sie Ihren Code wie folgt vereinfacht:

$(document).on("change", "input:text", function (e) { 
    checkinputs(this); // 
}); 

function checkinputs(input) { 
    console.log(input.value) // <-- do something with the input 
} 

Demo:JSFiddle

Wenn das nicht funktioniert, dann Sie Ihr Problem wahrscheinlich in der checkinputs Funktion.

Hinweis 2: Sie können an das nächste Element binden, das bereits auf der Seite geladen ist - document wurde als Beispiel verwendet.

---

UPDATE:

Wenn Sie alle Eingaben auf Eingabeänderung zu überprüfen, so bleiben die Auslöser der gleichen jedoch die checkinginputs Funktion alle Eingaben zu übernehmen haben. Hier ist, wie Sie das tun:

$(document).on("change", "input:text", function (e) { 
    var $inputs = $("input:text"); 
    checkinputs($inputs); 
}); 

function checkinputs($inputs) { 
    $inputs.each(function() { 
     console.log(this.value) 
    }); 
} 

Demo:JSFiddle