在jQuery中間隔後添加逗號到文本框

Question

我需要創建一個腳本，當用戶按下空格鍵時，在逗號和逗號之間添加逗號（在逗號後面）。 如果沒有插入文本，則不應添加逗號。我到處尋找解決方案。

例

This, Is, A, Keyword 

這裏是我當前的jQuery這個文本框

<script type="text/javascript"> 
    $('#tags').keyup(function(){ 
     this.value = this.value.toLowerCase(); 
    }); 
</script> 

Answer 1

你可以這樣做：

$('#tags').keyup(function(){ 
    var str = this.value.replace(/(\w)[\s,]+(\w?)/g, '$1, $2'); 
    if (str!=this.value) this.value = str; 
}); 

相反的是幼稚的做法，它也將w ork如果用戶繼續輸入並添加其他空格。

Demonstration

編輯：我改變以測試是否值改變，因爲我想，讓用戶用箭頭導航。