博客园  :: 联系 :: 管理

PS:此插件存在性能问题,请慎用!敬请期待新插件,预计6月发布!

项目中有一个类似于新浪腾讯微博文本域字符数判断,就是想腾讯微博和新浪微博那样,判断文本框中最多嫩输入140个字,将中文视为一个字符,将英文视为半个字符,也就是两个英文字符按一个字符计算。如果超出就提示!并且实时提示可是输入的文字数。

去年也曾经写过类似一个脚本(http://www.css88.com/archives/2027),只是将上次的代码封装成了jquery插件,做了一点点的性能优化,主要是在文本域获取焦点的时候触发setInterval,文本域失去焦点就clearInterval。
调用方式:

1 //默认的参数
2 $(".chackTextarea").chackTextarea({
3 chackNum : 140,//限定字数,将中文视为一个字符,将英文视为半个字符,也就是两个英文字符按一个字符计算。
4 chackObj:".chackTextarea-area", //文本域的hook
5 chackNumObj :".chackTextarea-num",//提示文字的hook
6 chackBtn:".chackTextarea-btn", //按钮的hook
7 disabledClass:"chackTextarea-disabled",//按钮disabled状态下的样式
8 errorClass:"chackTextarea-errortxt" //超过限定字符提示文字的样式
9 });

注意disabledClass:”chackTextarea-disabled”和errorClass:”chackTextarea-errortxt”两个参数是样式名,不带“.”;

查看demo:http://www.css88.com/demo/chackTextarea/

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《【jQuery插件】chackTextarea-类似于新浪腾讯微博文本域字符数判断