jquery 单词计数器需要帮助（添加最大单词数）

Question

我需要一些帮助来将 max_word 值添加到我发现的 jquery 单词计数器（http://roshanbh.com.np/2008/10/jquery-plugin-word-counter-textarea.html）

我已经修改了上面的内容稍微编码一下，因为我有多个需要限制的文本区域，但我不确定如何让文本区域在用户输入 100 个单词后停止。

这是代码：

jQuery.fn.wordCount = function(params){
  var p = {
    counterElement: "display_count"
  };
  var total_words;
  if(params) {
    jQuery.extend(p, params);
  }
  //for each keypress function on text areas
  this.keypress(function() { 
    total_words = this.value.split(/[\s\.\?]+/).length;
    jQuery(this).parent().find("."+p.counterElement).html(total_words);
  });   
};

jQuery(".word_count").wordCount();

<textarea name="question_1" id="question_1" class="word_count"></textarea><div class="counter">Total words: <span class="display_count">0</span></div>

<textarea name="question_2" id="question_2" class="word_count"></textarea><div class="counter">Total words: <span class="display_count">0</span></div>

<textarea name="question_3" id="question_3" class="word_count"></textarea><div class="counter">Total words: <span class="display_count">0</span></div>

任何帮助将不胜感激:)

Answer 1

让用户停止的唯一方法是执行 this.value = this.value.substr(0,100);
然而，这是一种糟糕的用户体验，导致用户难以打字。

请考虑在单击“提交”时阻止用户发送内容。例如，Twitter 就是这样做的。