<!DOCTYPE HTML>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>insert title</title><style type="text/css"></style></head><body><div class="area"><p>还可以输入<b class="num">140</b>字</p><textarea class="chackTextarea"></textarea></div><div class="area"><p>还可以输入<b class="num">140</b>字</p><textarea class="chackTextarea"></textarea></div><div class="area"><p>还可以输入<b class="num">140</b>字</p><textarea class="chackTextarea"></textarea></div><div class="area"><p>还可以输入<b class="num">140</b>字</p><textarea class="chackTextarea"></textarea></div><script type="text/javascript" src="/uploads/common/js/jquery-1.4.2.min.js"></script><script type="text/javascript">var txtobj={ divName:"area", //外层容器的classtextareaName:"chackTextarea", //textarea的classnumName:"num", //数字的classnum:140 //数字的最大数目}var textareaFn=function(){ //定义变量var $onthis;//指向当前var $divname=txtobj.divName; //外层容器的classvar $textareaName=txtobj.textareaName; //textarea的classvar $numName=txtobj.numName; //数字的classvar $num=txtobj.num; //数字的最大数目function isChinese(str){ //判断是不是中文var reCh=/[u00-uff]/;return !reCh.test(str);}function numChange(){ var strlen=0; //初始定义长度为0var txtval = $.trim($onthis.val());for(var i=0;i<txtval.length;i++){ if(isChinese(txtval.charAt(i))==true){ strlen=strlen+2;//中文为2个字符}else{ strlen=strlen+1;//英文一个字符}}strlen=Math.ceil(strlen/2);//中英文相加除2取整数if($num-strlen<0){ $par.html("超出 <b style='color:red;font-weight:lighter' class="+$numName+">"+Math.abs($num-strlen)+"</b> 字"); //超出的样式}else{ $par.html("还可以输入 <b class="+$numName+">"+($num-strlen)+"</b> 字"); //正常时候}$b.html($num-strlen);}$("."+$textareaName).live("focus",function(){ $b=$(this).parents("."+$divname).find("."+$numName); //获取当前的数字$par=$b.parent();$onthis=$(this); //获取当前的textareavar setNum=setInterval(numChange,500);});}textareaFn();</script></body></html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>