加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

关于文本框的字数限制功能

发布时间:2018-09-04 05:16:32 所属栏目:运营 来源:站长网
导读:烈火网(LieHuo.Net)教程 由于Html里只有input元素拥有maxlength属性,而textarea没有,所以以前对于文本框字数限制做了很多方案的解决,但是都不太完美。后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jquery plugin,简单好用。 这是例子:

  烈火网(LieHuo.Net)教程 由于Html里只有input元素拥有maxlength属性,而textarea没有,所以以前对于文本框字数限制做了很多方案的解决,但是都不太完美。后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jquery plugin,简单好用。

  这是例子:

  属性解释:
  data-maxsize:该文本域能够接受的最大字数.(important)
  data-output:如果想实时动态显示文本框里的字数,该属性设置显示字数的span或div的id.(字数显示的颜色会随着数量变化)
  如果不修改它的源文件的话,加添了js引用后,你只需要给自己的text或者textarea加上data-maxsize属性就可以了。
  关于动态设置最大值
  使用setformfieldsize方法:
  setformfieldsize($field, maxsize, outputfieldid)
  属性解释:
  $field:就是被限制的文本框的JQuery对象(参考Jquery文档).
  maxsize:和data-maxsize一样,该文本域能够接受的最大字数.
  outputfieldid:和data-output一样.
  例子:

  在界面加载时执行.
  Demo下载:点击

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读