在jquery中限制textarea中的字符

我想在jquery中限制textare中的字符。这是我的jquery代码

$('#editnote-tooltip-wrapper').appendTo($(this).closest('.editnote-tip-wrapper')).fadeIn(300).css({ 'position': 'absolute', 'left': 0, 'top': 0, 'z-index': '10000' }).find('.content').html('' + $html); 

我怎样才能使这成为可能。有人帮忙吗？

Answer 1

要限制字符，你可以使用html的maxlength属性。 喜欢

无论如何它不会在ie9中工作，但你可以按照下面的代码。

 
  
 (Maximum characters: 100)
 You have  characters left.  

请参阅此页!! 了解更多信息。

Answer 2

您可以参考此链接 ，其中包含详细信息和示例。 你可以尝试一下。 代码是

  $(document).ready( function() { var maxLen = 10; $('#send-txt').keypress(function(event){ var Length = $("#send-txt").val().length; var AmountLeft = maxLen - Length; $('#txt-length-left').html(AmountLeft); if(Length >= maxLen){ if (event.which != 8) { return false; } } }); }); 

Answer 3

jQuery Limit是一个轻量级插件（~6 Kb）“，它限制了可以在textarea或输入字段中输入的字符数。该插件还可以报告用户达到长度限制之前剩余的字符数。”

只需要两个元素：textarea或input字段，以及另一个元素（在下面的示例中为span），以显示可用的字符数。 它超级简单易用。

 You have  chars left.   

演示 | 在Github上

Answer 4

这完全适合我。

  
 Total word Count : 0 words. Words left : 10 $(document).ready(function() { $("#word_count").on('keydown', function(e) { var words = $(this).val().length; if (words <= 10) { $('#display_count').text(words); $('#word_left').text(10-words) }else{ if (e.which !== 8) e.preventDefault(); } }); }); 

Answer 5

你可以使用textarea的maxlength属性

例如，这个将字符限制为10

 .html('' + $html);