【jQuery插件】chackTextarea-类似于新浪腾讯微博文本域字符数判断

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

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

去年也曾经写过类似一个脚本(https://www.html.cn/archives/2027),只是将上次的代码封装成了jquery插件,做了一点点的性能优化,主要是在文本域获取焦点的时候触发setInterval,文本域失去焦点就clearInterval。
调用方式:
[code=”javascript”]//默认的参数
$(“.chackTextarea”).chackTextarea({
chackNum : 140,//限定字数,将中文视为一个字符,将英文视为半个字符,也就是两个英文字符按一个字符计算。
chackObj:”.chackTextarea-area”, //文本域的hook
chackNumObj :”.chackTextarea-num”,//提示文字的hook
chackBtn:”.chackTextarea-btn”, //按钮的hook
disabledClass:”chackTextarea-disabled”,//按钮disabled状态下的样式
errorClass:”chackTextarea-errortxt” //超过限定字符提示文字的样式
});[/code]
注意disabledClass:”chackTextarea-disabled”和errorClass:”chackTextarea-errortxt”两个参数是样式名,不带“.”;

查看demo:https://www.html.cn/demo/chackTextarea/

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 【jQuery插件】chackTextarea-类似于新浪腾讯微博文本域字符数判断

评论 9

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    不错,类似的插件很多,hock?

    bq698年前 (2011-05-21)回复
    • hook,不好意思打错了!

      8年前 (2011-05-21)回复
  2. #-48

    晕,这插件~~~~~

    喵了个咪8年前 (2011-05-21)回复
    • 这插件怎么了?

      8年前 (2011-05-21)回复
  3. #-47

    换主题鸟,感觉不错,期待最终版

    浩子8年前 (2011-05-23)回复
  4. #-46

    为什么要用setInterval呢?其实完全可以用throttle做,用户在间隔时间内输入的话,立刻上一次输入触发的setTimeout,这样性能会好很多

    nttdocomo8年前 (2011-05-26)回复
  5. #-45

    哈!不错的JQUERY的插件

    hdm588年前 (2011-05-28)回复
  6. #-44

    谢谢,很有用。

    smoke7年前 (2011-11-08)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏