Question

我有一个textarea .txt，其限制为250个字符。

如果达到＆gt; 250 char，我希望文本背景变红。就像推特一样。但是我不想使用twitter使用的contenteditable div，原因很多。

$('.txt').keyup(function{
  if($(this).val().length>250){
  //limit reached now change bg of >250 chars.
}});

我只想更改250个字符后的文字背景。不是整个textarea。

Answer 1

您可以打包＆＃34;用户插入的文字＆＃34;在元素 span class =＆＃34; classError＆＃34; 中使用您想要的样式，例如：

$(document).ready(function(){

  var max_length = 25;

  $("#editable").on("keyup", function(){


    if( $(this).text().length > max_length){

      $(this).css("color", "red");

      $("#editable").html('<span class="error">' + $("#editable").text() + '</span>');


    } else {

      $(this).css("color", "");     

    }

  });

});

你可以在这里找到这个例子jsbin（http://jsbin.com/nehac/1/）它只是基本的概念需要改进，但我很确定你可以做其余的事情！

然后你必须解决光标位置，有一些解决方案，比如这个（How to move cursor to end of contenteditable entity）

希望这有帮助！

改变textarea的背景与限制

1 个答案: