jquery 计算文本框当前输入了多少个字符

需求:计算当前文本框输入了多少个字符,如果超过指定字符,则截取制定限制的字符.

/**

* 计算当前输入的字符数,并返回字符数

* @param Str 当前已输入的字符数

* @returns

*/

function function(Str){   

var   i,len,code;   

if(Str==null || Str == "")   return   0;   

len   =   Str.length;   

for   (i   =   0;i   <   Str.length;i++)     

{     

code   =   Str.charCodeAt(i);   

if   (code   >   255) {len ++;}   

}   

return   len;   

}

//计算当前输入的个数，汉字算两个字符

function checkLen(value,length){

var len = jsUtil.getStringLen(value);

$("#title_now").html(len);

//提示当前输入的个数

if(len>length){

flag = false;

}else{

flag = true;

}

};

/**截取超出的字符*/

$("#title").keypress(function() { var value = $("#title").val(); if (value.length>50){ $("#title").val(value.substring(0,49)); }; });

//这个也是截取字符串的.

$("#title").keyup(function() { 

var value = $("#title").val();

if (value.length>50){

$("#title").val(value.substring(0,50));

$("#title_now").text($("#title").val().length);

}; 

}); 

字这两个方法的区别从文字上看,一个是keypress,一个是keyup.可效果是不一样的.使用keypress:当字符满50以后,会出现51/50的情况,然后又回退过来.而keyup不会有这种情况.

 

 上面是效果图.