jQuery: मैं निम्नलिखित jQuery कार्यक्षमता का उपयोग कर रहा वास्तविक समय में शब्दों की गिनती करने के वास्तविक समय

Question

में शब्द गणना:

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

मुद्दा मैं में चल रहा है कि जब मैं एक इनपुट फ़ील्ड में टाइप करना आरंभ, गिनती रिक्त स्थान और मेरी हटाई कुंजी पर भी दो से तुरंत बढ़ता है। कोई विचार क्यों ऐसा होगा?

मैं इस ट्यूटोरियल पीछा कर रहा था: http://www.electrictoolbox.com/jquery-count-words-textarea-input/

इनपुट: <input class="widest" id="page_browser_title" name="page[browser_title]" size="30" type="text" value="">

प्रदर्शन इनपुट: <input class="widest" disabled="disabled" id="finalcount" name="page[word_count]" size="30" type="text" value="662">

Answer 1

यह हर कुंजी प्रेस के साथ incrementing है, क्योंकि आप इसके साथ करने के लिए कह रहे हैं:

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

और अगर आप एक और शब्द जोड़ने के लिए, आपको लगता है कि यह 2 से नहीं जुड़ जाता मिलेगा, लेकिन 3. द्वारा मुमकिन है, आप पृष्ठ पर कई इनपुट हैं, और आप प्रत्येक इनपुट में शब्दों की संख्या प्रदर्शित करने के लिए अंतिम गणना इनपुट का इरादा रखते हैं। या तो एक चर में गणना करें और अपने अंतिम गणना मान प्राप्त करने के लिए चर जोड़ें। या हर बार प्रत्येक इनपुट में शब्दों की गिनती करें।

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) 
} 

कार्य डेमो: http://jsfiddle.net/gilly3/YJVPZ/

संपादित करें: वैसे, आप कुछ अतिरेक निकाल कर अपने कोड थोड़ा आसान बनाने के लिए कुछ अवसरों मिल गया है। आप जावास्क्रिप्ट के सभी जगह ले सकता है तो आप इस के साथ पोस्ट:

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

संपादित

चेक this example।

---

क्यों आप के बजाय मिलान और परिणाम में विभाजित करने की split(" ") का उपयोग नहीं करते? आपके पास अपने सभी शब्दों वाला सरणी होगी, सरणी की लंबाई शब्दों की संख्या होगी।

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

इसके अलावा, आप पुराने परिणाम में हर बार मैचों को क्यों जोड़ रहे हैं?

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

क्या यह हर बार दो बार शब्दों को जोड़ नहीं रहा है?