0

我需要一些帮助来向我发现的 jquery 单词计数器添加 max_word 值（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>

任何帮助将不胜感激 ：）

4

1 回答 1

1

让用户停下来的唯一方法是做this.value = this.value.substr(0,100); 但是，这是糟糕的用户体验，使用户难以打字。

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

于 2010-11-25T04:31:59.383 回答