限制文本区域中的单词

Question

我已经对此进行了一些搜索。找到了很多计算字符甚至计算单词的脚本，但找不到一个删除任何超过字数限制的单词的脚本....

到目前为止，这是我的脚本...：

var maxWords = 10;
function countWordsLeft(field) {    
    totalWords = field.value.split(' ');    
    if (totalWords.length > maxWords)
        field.value = field.value.substring(0, maxWords);
    else
        document.getElementById('description_count').innerHTML = maxWords - totalWords.length;
}

我从字符计数脚本中复制了以下行，但显然这行不通，因为我正在计算单词

if (totalWords.length > maxWords)
   field.value = field.value.substring(0, maxWords);

如何让脚本删除超出限制添加的任何额外单词？我需要这个，特别是如果他们粘贴在描述中......它需要计算单词，然后删除任何超过限制的单词。

感谢您的帮助！

Answer 1

field.value = field.value.split(' ').splice(0, maxWords).join(' ');

更新
我注意到这也将n 连续的空格算作n-1 单词，这是由这个固定的：

var a = field.value.split(' ');
var words=0, i=0;
for(; (i<a.length) && (words<maxWords); ++i)
  if(a[i].length) ++words;
field.value = a.splice(0,i).join(' ');

Answer 2

我可能会使用这个：

var maxWords = 10;
function limitLengthInWords(field) {
    var value = field.value,
        wordCount = value.split(/\S+/).length - 1,
        re = new RegExp("^\\s*\\S+(?:\\s+\\S+){0,"+(maxWords-1)+"}");
    if (wordCount >= maxWords) {
        field.value = value.match(re);
    }
    document.getElementById('description_count').innerHTML = maxWords - wordCount;
}

这将保留单词开头和单词之间的空格。

Answer 3

jQuery 简单可数插件
为任何文本输入或文本区域提供字符或单词计数器（和限制器）。在键入或粘贴文本时工作。

@版本 0.4.2
@主页http://github.com/aaronrussell/jquery-simply-countable/
@作者亚伦·拉塞尔http://www.aaronrussell.co.uk

版权所有 (c) 2009-2010 Aaron Russell
麻省理工学院双重许可http://www.opensource.org/licenses/mit-license.php
和 GPL http://www.opensource.org/licenses/gpl-license.php 许可证。

Answer 4

这个好帮手

function limit_words($post_content, $word_limit=30)
{
$words = explode(" ",$post_content);
return implode(" ",array_splice($words,0,$word_limit));
}

Answer 5

<script language="javascript" type="text/javascript">
function limitText(limitField, limitCount, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } else {
        limitCount.value = limitNum - limitField.value.length;
    }
}
</script>

Answer 6

function wordlimit(s, n){
 var rx= RegExp('([a-zA-Z]+\\S+\\s+){'+n+'}','g'); 
 while(rx.test(s)){
  return s.substring(0, rx.lastIndex);
 }
 return s;
}

//测试

s= 'the quick red fox jumps over the lazy brown dog\'s back';
alert(wordlimit(s, 8)); 

// field.value=wordlimit(field.value,8);

Answer 7

或者你可以这样做：

function truncateStringToMaxWords(string, maxWords)
{
  var whitespace = string.match(/\s+/g);
  var words = string.split(/\s+/);

  var finished = [];
  for(var i = 0; i < maxWords && words.length > 0; i++)
  {
    if (words[0] == "") { i--; }
    finished.push(words.shift());
    finished.push(whitespace.shift());
  }
  return finished.join('');  
}
field.value = truncateStringToMaxWords(field.value, 5);

这将使您的空白保持完整。

Answer 8

此功能将限制，不允许更多的单词：

function limitWords(id) {
    var maxWords=5;
    var d=document.getElementById(id);
    if ( d.value.split(' ').length > maxWords ) {
        t=d.value.substring(0,d.value.lastIndexOf(' '));
        d.value=t.substring(0,t.lastIndexOf(' ')+1);
    }
}

示例 HTML

<textarea id='txt' rows="2" onkeyup="limitWords(this.id)"></textarea>

Answer 9

我是这样做的

function limitWord(myString, limit){
 return myString
  .replace(/\s+/g, ' ') // remove extra spaces between words
  .split(' ')           // split string into array (using spaces as seperator)
  .splice(0, limit)     // splice the array to the desired word limit
  .join(' ');           // join it back into string (using spaces as seperator)
}