Javascript/JQuery : 쉼표로 구분 된 단어를 어떻게 계산합니까?

Question

자바 스크립트 :

는

$(document).ready(function() 
{ 
    $('#field').keyup(function() 
    { 
     var count = '??'; 

     $('#count').html(count); 
    }); 
}); 

HTML :

<input type="text" id="field" /> <span id="count">5</span> 

예 (즉 항상 쉼표로 구분) : 그래서

example 1: word, word word 
count: (5 - 2) = 3 

example 2: word 
count: (5 - 1) = 4 

example 3: word, word, 
count: (5 - 2) = 3 

example 4: word, word, word 
count: (5 - 3) = 2 

, 나는 거기 분리 얼마나 많은 단어를 계산해야 예를 들어 예 3과 같이 쉼표로 표시하면 3 단어로 계산해서는 안됩니다.은 쉼표 뒤에 단어가있을 때만 가능합니다.

사용자는 5 단어를 초과하여 입력 할 수 없습니다.

Answer 1

뭔가 :

$("#input").keyup(function(){ 
    var value = $(this).val().replace(" ", ""); 
    var words = value.split(","); 

    if(words.length > 5){ 
     alert("Hey! That's more than 5 words!"); 
     $(this).val(""); 
    } 
}); 

jsFiddle 예 : http://jsfiddle.net/BzN5W/

편집 :

더 나은 예 : 내가 당신이 찾고있는 생각 http://jsfiddle.net/BzN5W/2/

$("#input").keypress(function(e){ 
    var value = $(this).val().replace(" ", ""); 
    var words = value.split(","); 

    if(words.length > 5){ 
     //alert("Hey! That's more than 5 words!"); 
     e.preventDefault(); 
    } 
}); 

Answer 2

words.split(",").length은 원하는 것을 제공해야합니다. 여기서 words은 입력이 들어있는 문자열입니다. 같은

Answer 3

:

$('#field').keyup(function(e){ 
    var count = $(this).val().split(',').length; 
    $('#count').html(count); 
    if(count > 4) 
     e.preventDefault(); 
});