实时显示textarea输入多少字

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

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));
				}
			});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值