用JavaScript限制文本框所输入字符串的最大字节数

input控件有一个MaxLength 属性可以限制输入的最大字符数，但是该属性在判断中文字符时与英文字符一样，算作一个字符，而我们有时侯又往往需要控制输入字符串所占用的最大字节数。string对象有一个叫charCodeAt(index)的方法，可以获取字符串中某一个字符的编码。我们都知道，字母数字的ascii编码都小于255而汉字的编码肯定大于255，我们可以使用此方法来判断字符串占用的是一个字节还是两个字节。因此，我们可以通过自定义两个JavaScript函数，在通过input的onkeyup事情触发函数来解决此问题。实现代码如下：

//判断字符串所占的字节数
function GetCharLength(str)
{
var iLength = 0; //记录字符的字节数
for(var i = 0;i<str.length;i++) //遍历字符串中的每个字符
{
if(str.charCodeAt(i) >255) //如果当前字符的编码大于255
{
iLength += 2; //所占字节数加2
}
else
{
iLength += 1; //否则所占字节数加1
}
}
return iLength; //返回字符所占字节数
}
//若字符串长度超过要求，截掉多余部分
function CutStr(elementID,len) //elementID表示要进行处理的对象ID,len表示设置的限制字节数
{
var str = document.getElementById(elementID).value; //获取要处理的字符串
var curStr = ""; //用于实时存储字符串
for(var i = 0;i<str.length;i++) //遍历整个字符串
{
curStr += str.charAt(i); //记录当前遍历过的所有字符
if(GetCharLength(curStr )>len) //如果当前字符串超过限制长度
{
document.getElementById(elementID).value = str.substring(0,i); //截取多余的字符,并把剩余字符串赋给要进行处理的对象
return; //结束函数
}
}
}

通过onkeyup事件调用CutStr函数就可以实现对ID为elementID的最大字符串字节数的控制。