在用HTML制作网页时,遇到 textarea 文本框标签时有时需要对文字内容长度设置固定输入字符数。本文主要介绍通过使用 jQuery 动态控制 textarea 文本框标签的内容和长度,对其输入的文字字符数及汉字数限制提示代码,并且,动态实时计算显示已经输入多少字符数的解决方法。
jQuery设置textarea标签字数限制代码并动态显示已输入的字符数
//显示限制输入字符method
function textAreaChange(obj){
var $this = $(obj);
var count_total = $this.next().children('span').text();
var count_input = $this.next().children('em');
var area_val = $this.val();
if(area_val.len()>count_total){
area_val = autoAddEllipsis(area_val,count_total);//根据字节截图内容
$this.val(area_val);
count_input.text(0);//显示可输入数
}else{
count_input.text(count_total - area_val.len());//显示可输入数
}
}
//得到字符串的字节长度
String.prototype.len = function(){
return this.replace(/[^\x00-\xff]/g, "xx").length;