当前位置: 代码迷 >> 综合 >> 实时显示textarea输入多少字
  详细解决方案

实时显示textarea输入多少字

热度:44   发布时间:2024-01-20 12:32:30.0

考虑到粘贴和前后空格,超出后显示红色字体。去掉前后空格

words:function(){//显示输入了多少个字$('.words').on('input',function(){var str = $(this).val();var whitespace = new String(" \t\n\r");  //去掉字符串前面空格if (whitespace.indexOf(str.charAt(0)) != -1) {  var j=0, i = str.length;  while (j < i && whitespace.indexOf(str.charAt(j)) != -1){  j++;  }  str = str.substring(j, i);  }  //去掉字符串后面空格if (whitespace.indexOf(str.charAt(str.length-1)) != -1){  var i = str.length - 1;  while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){  i--;  }  str = str.substring(0, i+1);  }  $('.new_num').html(str.length)if(num>200){$('.new_num').css('color','#EA644A')}else{$('.new_num').css('color','#353535')}})}}



还有一种方法,直接使用JQ的trim方法,

$.trim(str)的作用是去掉字符串首尾空格
$.trim(str) 

返回:string; 

说明:去掉字符串首尾空格。 

//显示输入了多少个字$('.words').on('keyup', function() {var str = $.trim($(this).val());$('.new_num').html(str.length)if(str.length > 200) {$('.words').val(str.substr(0, 200));}});