jQuery: Policz słowa w czasie rzeczywistym

Question

Używam następujące funkcje jQuery policzyć słowa w czasie rzeczywistym:

$("input[type='text']:not(:disabled)").each(function(){ 
      var input = '#' + this.id; 
      word_count(input); 

      $(this).keyup(function(){ 
       word_count(input); 
      }) 

     }); 

var word_count = function(field) { 
     var number = 0; 
     var original_count = parseInt($('#finalcount').val()); 
     var matches = $(field).val().match(/\b/g); 
     if(matches) { 
      number = matches.length/2; 
     } 
     $('#finalcount').val(original_count + number) 
    } 

Problem używam do jest to, że kiedy rozpocząć wpisywanie w polu wprowadzania, hrabia zwiększa się natychmiast o dwa, nawet w przypadku spacji i mojego klucza kasowania. Jakieś pomysły, dlaczego tak się stało?

byłem po ten poradnik: http://www.electrictoolbox.com/jquery-count-words-textarea-input/

Wejście: <input class="widest" id="page_browser_title" name="page[browser_title]" size="30" type="text" value="">

Wyświetlacz Wejście: <input class="widest" disabled="disabled" id="finalcount" name="page[word_count]" size="30" type="text" value="662">

Answer 1

jest zwiększany przy każdym naciśnięciu klawisza bo mówisz go z:

$('#finalcount').val(original_count + number) 

A jeśli dodać inne słowo, można zauważyć, że zwiększa to nie o 2, ale o 3. Można przypuszczać, że ty mieć kilka wejść na stronie, a ty zamierzasz, aby na wejściu finalcount wyświetlała się liczba słów na każdym wejściu. Zapisz wartości w zmiennej i dodaj zmienne razem, aby uzyskać wartość ostatecznego rachunku. Lub liczyć słowa w każdym wpisie za każdym razem.

var wordCounts = {}; 

function word_count (field) { 
    var number = 0; 
    var matches = $(field).val().match(/\b/g); 
    if (matches) { 
     number = matches.length/2; 
    } 
    wordCounts[field] = number; 
    var finalCount = 0; 
    $.each(wordCounts, function(k, v) { 
     finalCount += v; 
    }); 
    $('#finalcount').val(finalCount) 
} 

demo robocza: http://jsfiddle.net/gilly3/YJVPZ/

Edit: Przy okazji, masz kilka możliwości uproszczenia kodu nieco usuwając pewną nadmiarowość. Można wymienić cały JavaScript pan pisał o tym:

var wordCounts = {}; 
$("input[type='text']:not(:disabled)").keyup(function() { 
    var matches = this.value.match(/\b/g); 
    wordCounts[this.id] = matches ? matches.length/2 : 0; 
    var finalCount = 0; 
    $.each(wordCounts, function(k, v) { 
     finalCount += v; 
    }); 
    $('#finalcount').val(finalCount) 
}).keyup(); 

http://jsfiddle.net/gilly3/YJVPZ/1/

Answer 2

Edit

Sprawdź this example.

---

Dlaczego nie używasz split(" ") zamiast dopasowywania i dzielenia wyniku? Będziesz miał tablicę zawierającą wszystkie twoje słowa, długość tablicy będzie liczbą słów.

var matches = $(field).val().split(" "); 

Poza tym, dlaczego dodajesz za każdym razem, gdy dopasowania do starego wyniku?

$('#finalcount').val(original_count + number) 

Czy to nie jest za każdym razem dodawanie wszystkich słów?