Question

我需要一些帮助，将max_word值添加到我找到的jquery字计数器（http://roshanbh.com.np/2008/10/jquery-plugin-word-counter-textarea.html)

我已经修改了上面的代码，因为我有多个textareas需要限制，但我不知道如何在用户输入100个单词后停止textarea。

以下是代码：

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); 但是，这是一种糟糕的用户体验，使用户难以输入。

考虑阻止用户在单击提交时发送内容。例如，推特那样做。

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

1 个答案: