Как перестать писать в текстовом поле с помощью JavaScript

Question

Я хочу ввести только 3 слова в текстовое поле.Мой код JavaScript ниже:

jQuery('#Txt_Report').keyup(function (event) {
   if (event.which == 32) {
      count = jQuery('#Txt_Report').val().split(' ').length;
      if (count > 2) {
         /////////////
         //How can I stop entering text in txt_report anymore?
         /////////////
      });
   }
}

Как видите, я хочу, чтобы пользователь не вводил более 3 словЕсли кто-то знает, как справиться с этим, пожалуйста, помогите.Спасибо.

Answer 1

Вы не можете preventDefault, используя keyup.Использование keydown или keypress должно работать.Вот пример:

$('#Txt_Report').keypress(function(e) {
   if (e.which == 32) {
      var count = this.value.split(' ').length;
      if (count > 2) {
         e.preventDefault();
      }
   }
});

Answer 2

Используйте event.preventDefault(); с keydown (как предложено в комментариях)

Демо: http://jsfiddle.net/wTvmz/

jQuery('#Txt_Report').keydown(function (event) {
   if (event.which == 32) {
      count = jQuery('#Txt_Report').val().split(' ').length;
      if (count > 2) {
         event.preventDefault();
      }
   }
});

Answer 3

Почему бы не использовать "нажатие клавиши" и вернуть false?

http://jsfiddle.net/kW9tF/

$('#txt').keypress(function (event) {
  return false;
});

Обновленный пример кода: http://jsfiddle.net/kW9tF/1/

$('#txt').keypress(function (event) {
    var count = $(this).val().split(' ').length;
    if (count > 2) {
      return false;
    };
 });

Answer 4

Установить для отключенного атрибута значение disabled.

 jQuery('#Txt_Report').keyup(function (event) {
   if (event.which == 32) {
      count = jQuery('#Txt_Report').val().split(' ').length;
      if (count > 2) {
         /////////////
         //How can I stop entering text in txt_report anymore?
         /////////////
         jQuery('#Txt_Report').attr('disabled', 'disabled');
      });
   }
}

Ref: http://www.w3schools.com/tags/att_input_disabled.asp