付琦的博客

 

要实现这个效果必须做到两点：
第一、为表单添加即时监测事件
第二、判断获取到的内容长度【关系到中英文】

 

我们先来看看事件的监听：
IE用 onpropertychange
其他浏览器用 oninput
要了解这两处的内容请看以前写的一篇博文 监听输入框值的即时变化onpropertychange、oninput

 

再来看看判断字符串长度：
一个汉字 = 2个字符， 一个英文 = 1个字符
下面这个函数可以返回字符串长度

function getTextLength(str){// 获取字符串的长度 一个汉字为2个字符
 return str.replace(/[^\x00-\xff]/g,"xx").length;
};

 

下面是主体函数：
里面的注释应该已经很清楚了