Dynamiczny change na inpucie

0

Mam pewien problem:

http://jsbin.com/igoyum/3/watch

Mam pewną ilość inputów typu textowego, niektóre z nich są ze sobą połączone, to znaczy, gdy wpisujemy coś w jednym ta wartość od razu (keyup) pojawia się w drugim. Chcę dorobić do tego walidację, żeby np., gdy jest mniej znaków niż 3 kolor fontu zmieniał się na czerwony. Walidacja ma się wykonywać w czasie rzeczywistym także na polach, do których treść jest ładowana automatycznie. Myślałem, że da radę użyć do tego zdarzenia change, ale okazało się, że nie. Google też mi niewiele podpowiedziało.

0

cos takiego na szybko

$(function(){

  $('#pierwszy').keyup(function(){
    mojafunkcja($('#drugi'), $('#pierwszy'));
  });
  
  function mojafunkcja(drugi, pierwszy){
    if(pierwszy.val().length < 3){
        drugi.css('color','red');
    }else{
        drugi.css('color','black');
    }
    drugi.val(pierwszy.val());
  }

});
0

Ale wolałbym coś bardziej dynamicznego, gdy inputów będzie więcej, jedne będą połączone z drugimi, inne nie. Coś, co zapewne w pętli będzie sprawdzało, czy wartość się nie zmieniła.

0

dobrze myslisz...
niekoniecznie w petli,
bo gotowe rozwiazanie juz masz

podpiales keyup pod identyfikator wiec mozesz go uzyc tylko do tego elementu, ale jakbys to rozszerzyl np. na klasy to juz zadzialalo by to na wszystkie elementy danej klasy.
potem tylko odpowiednio podpiac to pod konkretny drugi input, uzywajac .next lub przez odpowiednie wygenerowanie klasy

1 użytkowników online, w tym zalogowanych: 0, gości: 1