本文实例讲述了jQuery扩展实现text提示还能输入多少字节的方法。分享给大家供大家参考,具体如下:
提示消息的容器
// maxNumber: 最大输入字符
$.fn.artTxtCount = function(tipWrap,maxNumber){
var countClass = 'js_txtCount',// 定义内部容器的CSS类名
fullClass = 'js_txtFull',// 定义超出字符的CSS类名
disabledClass = 'disabled'; // 定义不可用提交按钮CSS类名
// 统计字数
var count = function(){
var val = lenFor($.trim($(this).val()));
if (val <= maxNumber){
tipWrap.html('' + (maxNumber - val) + ' \u4E2A\u5B57\u8282');
}else{
tipWrap.html('' + (val - maxNumber) + ' \u4E2A\u5B57\u8282');
};
};
$(this).bind('keyup change',count);
return this;
};
});
255){
byteLen += 3;
}
else{
byteLen++;
}
}
return byteLen;
}
else{
return 0;
}
}
2.实例化
3.相应的html结构
内容: