Запретить в teaxtarea вводить больше 40 слов.

[Yulo]

Есть скрипт который считает количество слов в textarea, как запретить вводить туда больше 40 слов (не знаков), без всяких алертов. Чтоб просто дальше не печаталось.
Вот сам скрипт

function countSimbol(t){
jQuery(document).ready(function($){
var Text=$(t).val();
var L=Text.length;
if(L>0){
    var noSpace=Text.match(/\S/g).length;
    var textArr = Text.split(' ');
      var i = textArr.length,
          W = 0;
      while(i--)
      {
    if(textArr[i].length > 2) {
      ++W;
            }
        }
    }
else {var noSpace=0; var W=0;}
$('#fin-textarea11 span:first').html(L);
$('#fin-textarea11 span:eq(1)').html(noSpace);
$('#frt').html(W);
$('.incountwords').val(W);
});}

 

[mdss]

$(document).ready(function() {
  $("#word_count").on('keyup', function() {
    var words = this.value.match(/\S+/g).length;

    if (words > 200) {
      // Split the string on first 200 words and rejoin on spaces
      var trimmed = $(this).val().split(/\s+/, 200).join(" ");
      // Add a space at the end to make sure more typing creates new words
      $(this).val(trimmed + " ");
    }
    else {
      $('#display_count').text(words);
      $('#word_left').text(200-words);
    }
  });
});

<textarea name="txtScript" id="word_count" cols="30" rows="10"></textarea>
<br>
Total word count: <span id="display_count">0</span> words. Words left: <span id="word_left">200</span>

 

[Yulo]

$(document).ready(function() {
  $("#word_count").on('keyup', function() {
    var words = this.value.match(/\S+/g).length;

    if (words > 200) {
      // Split the string on first 200 words and rejoin on spaces
      var trimmed = $(this).val().split(/\s+/, 200).join(" ");
      // Add a space at the end to make sure more typing creates new words
      $(this).val(trimmed + " ");
    }
    else {
      $('#display_count').text(words);
      $('#word_left').text(200-words);
    }
  });
});

<textarea name="txtScript" id="word_count" cols="30" rows="10"></textarea>
<br>
Total word count: <span id="display_count">0</span> words. Words left: <span id="word_left">200</span>

Спасибо прекрасно работает. Но в моем скрипте было условие считать за слово длиною больше 2 букв, если меньше двух букв (в, на, с и т.д) то эти символы не считаем за слова и соотвественно счетчик не идет.

 

[stepanyk]

Просто в match поменяй "+" на "{3,}", то есть "три или больше"

$(document).ready(function() {
  $("#word_count").on('keyup', function() {
    var words = this.value.match(/\S{3,}/g).length;

    if (words > 200) {
      // Split the string on first 200 words and rejoin on spaces
      var trimmed = $(this).val().split(/\s+/, 200).join(" ");
      // Add a space at the end to make sure more typing creates new words
      $(this).val(trimmed + " ");
    }
    else {
      $('#display_count').text(words);
      $('#word_left').text(200-words);
    }
  });
});

 

[Absolute]

maxlength="40" и не париться...

Так это вроде кол-во символов. А ему надо кол-во слов)
Если ТС устраивает работа кода Для просмотра ссылки Войди или Зарегистрируйся, значит ТС'у в своем коде после цикла по логике достаточно добавить условие:

if(W >= 40){
    $(t).val(textArr.slice(0, 40).join(' '));
  }

 

[Yulo]

Просто в match поменяй "+" на "{3,}", то есть "три или больше"

$(document).ready(function() {
  $("#word_count").on('keyup', function() {
    var words = this.value.match(/\S{3,}/g).length;

    if (words > 200) {
      // Split the string on first 200 words and rejoin on spaces
      var trimmed = $(this).val().split(/\s+/, 200).join(" ");
      // Add a space at the end to make sure more typing creates new words
      $(this).val(trimmed + " ");
    }
    else {
      $('#display_count').text(words);
      $('#word_left').text(200-words);
    }
  });
});

Привет при замене на {3,} сыпится ошибка, но при этом скрипт работает.

Uncaught TypeError: Cannot read property 'length' of null

 

[stepanyk]

Привет при замене на {3,} сыпится ошибка, но при этом скрипт работает.

Uncaught TypeError: Cannot read property 'length' of null

Это происходит из-за того, что функция str.match(regexp) если нет совпадений возвращает не массив, а null. Надо значение проверять, например:

$(document).ready(function() {
  $("#word_count").on('keyup', function() {
    var words = this.value.match(/\S{3,}/g);
    words = (words)?words.length:0;

    if (words > 200) {
      // Split the string on first 200 words and rejoin on spaces
      var trimmed = $(this).val().split(/\s+/, 200).join(" ");
      // Add a space at the end to make sure more typing creates new words
      $(this).val(trimmed + " ");
    }
    else {
      $('#display_count').text(words);
      $('#word_left').text(200-words);
    }
  });
});

 

[J.Vance]

В html5 если более элегантный способ. Правда может потребоваться фоллбэк для Сафари.
Достаточно прописать атрибут maxlength="40" (если нужно ограничить количество знаков) либо pattern="..." для проверки REgExp'ами. Подробнее тут Для просмотра ссылки Войди или Зарегистрируйся