考虑到粘贴和前后空格,超出后显示红色字体。去掉前后空格
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;
说明:去掉字符串首尾空格。
返回: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));
}
});