jQuery를 사용한 단어 및 문자 수

Question

저는 문자와 단어를 제한하는 플러그인을 발견했지만 모두 jQuery를 사용하여 문자 및 문자 수를 추가하려고했습니다.

사용자가 문자 나 단어를 추가 할 때마다 카운터가 업데이트되도록 실시간으로 업데이트하고 싶습니다.

단어 및 문자를 확인하는 간단한 방법이 있습니까?

Answer 1

function wordCount(val){ 
 
    var wom = val.match(/\S+/g); 
 
    return { 
 
     charactersNoSpaces : val.replace(/\s+/g, '').length, 
 
     characters   : val.length, 
 
     words    : wom ? wom.length : 0, 
 
     lines    : val.split(/\r*\n/).length 
 
    }; 
 
} 
 

 

 
var textarea = document.getElementById("text"); 
 
var result = document.getElementById("result"); 
 

 
textarea.addEventListener("input", function(){ 
 
    var v = wordCount(this.value); 
 
    result.innerHTML = (
 
     "<br>Characters (no spaces): "+ v.charactersNoSpaces + 
 
     "<br>Characters (and spaces): "+ v.characters + 
 
     "<br>Words: "+ v.words + 
 
     "<br>Lines: "+ v.lines 
 
); 
 
}, false);

<textarea id="text"></textarea> 
 
<div id="result"></div>

jsFiddle demo

Answer 2

W/O jQuery를 : jQuery로

this.innerHTML gives you the textarea content. 
this.innerHTML.length gives you the number of characters. 

:

$(this).html() 

등

난 당신이 간단한 단어 계산 알고리즘을 가지고 올 수 확신합니다.

Answer 3

char_count = $("#myTextArea").val().length; 
word_count = $("#myTextArea").val().split(" ").length; 

Answer 4

jQuery(document).ready(function(){ 
    var count = jQuery("#textboxid").text().length; 
}); 

Answer 5

var txt = $('.content')[0].text() 
    , charCount = txt.length 
    , wordCount = txt.replace(/[^\w ]/g, "").split(/\s+/).length 
    ; 
$('#somwhereInYourDocument').text("The text had " + charCount + " characters and " + wordCount +" words"); 

Read more