如何限制用户在文本框输入的字数

最近开发一个项目，有一个新闻的模块，用户需要对标题进行控制，希望在输入的时候就不允许超过规定的字数，而不是提交到服务器再判断。
显然，这只能使用javascript来完成这一艰巨的任务了。
首先，既然要限制字数，肯定要想办法实时获取用户在文本框里输入的文字的数量。input控件有个length的属性，可以方便地获取字数。可是，它所返回的字数无论是中文还是英文或者数字，1个字就算1个字。客户要限制字数的原因是为了页面显示的时候排版不会乱，因此一个汉字需要按2个英文字符来计算。这样的话，这个默认的length就无用武之地了。
怎么区分中文和英文呢？查阅了一下资料，string对象有一个叫charCodeAt(index)的方法，可以获取字符串中某一个字符的编码。我们都知道，字母数字的ascii编码都小于255而汉字的编码肯定大于255，因此我们可以使用此方法来判断字符串占用多少英文字符的宽度。
function showNum(){
var strTemp=document.getElementById("desc").value;
var sum=0;
for(var i = 0;i<strTemp.length;i++){
if((strTemp.charCodeAt(i)>=0)&&(strTemp.charCodeAt(i)<=255)){ 
sum=sum+1;  
}else{  
sum=sum+2;  
}   
if(sum>600){
var str=strTemp.substring(0,i);
document.getElementById("desc").value=str;
document.getElementById("areamsg").innerHTML="<font color='red'>已经输入300字符</font>"+"i"+i+"  sum"+sum;
  break;
}else{
  document.getElementById("areamsg").innerHTML=sum;
  }
  }
}