点我查看InputLimitor在线演示

使用说明

需要使用jQuery库文件和InputLimitor库文件

http://jquery.com/

http://plugins.jquery.com/project/inputlimitor

同时可自定义显示提示框的CSS样式

使用实例

一,包含文件部分

二,HTML部分

三,javascript部分

$('.limited').inputlimitor();

如上实例是最简单的一种使用形式,如果要提示当前字符输入数和总数,可使用如下方法:

$('input[name=text1]').inputlimitor({

limit: 50,

remText: '%n caractere%s restantes',

limitText: 'Campo limitado a %n caractere%s.'

});

limit表示字符输入的限制数,remText表示输入字符提示文本,其中%n表示当前剩余字符数,%s表示输入的限制数。

另外类似textlimit插件提示效果使用实例

1,HTML部分

Field limited to 30 characters.

2,Javascript部分

$('input[name=text3]').inputlimitor({

limit: 30,

boxId: 'limitingtext',

boxAttach: false

});

boxId表示提示信息显示的ID

InputLimitor插件与textlimit插件使用基本上差不多,都非常简单,InputLimitor插件功能更为强大,值得推荐!

点我下载InputLimitor

http://jquerycodes.googlecode.com/files/jquery-inputlimitor.1.0.zip

jq实现文字个数限制_jQuery插件InputLimitor实现文本框输入限制字数统计相关推荐

  1. 监听文本框输入开发仿新浪微博限制输入字数的textarea插件

    监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退 ...

  2. html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...

    这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下 本文实例讲述了js实现文本框中输入文字页面中 ...

  3. 【无标题】手写输入文字时,文本框输入最后一个汉字会丢失

    @TOC文本框输入最后一个汉字会丢失 手写输入文字时,文本框输入最后一个汉字会丢失 #[报Bug]半屏手写输入文字时,最后一个文字总时需要点击一下才能赋值给v-model 比如说手机端输入的是3个字: ...

  4. jq实现文字个数限制_Android实现类似钉钉水印背景功能

    记录一次水印背景的简单实现 1.自定义参数 <?xml version="1.0" encoding="utf-8"?> 2.自定义控件 packa ...

  5. 监听文本框输入开发仿新浪微博限制输入字数的textarea插件。

    转载自品略图书馆:http://www.pinlue.com/article/2020/03/1202/1310013961724.html Firefox.Chrome.IE9,IE10 均支持 o ...

  6. 【jQuery插件】insertContent-在文本框光标位置插入内容并选中

    在文本框光标位置插入内容在实际的项目应用中经常用到,比如在文本框插入表情,首先要获取光标在文本框中的位置,当然这个有浏览器兼容性问题. IE下可以通过document.selection.create ...

  7. jq实现文字个数限制_分布式系统高可用实战之限流器(Go 版本实现)

    限流器,顾名思义用来对高并发的请求进行流量限制的组件. 限流包括 Nginx 层面的限流以及业务代码逻辑上的限流.流量的限制在众多微服务和 service mesh 中多有应用.限流主要有三种算法:信 ...

  8. jq jqprint 设置页脚_jQuery 插件 jqprint 实现浏览器页面打印和设置页眉页脚

    使用 jqprint 插件实现浏览器页面打印,需要用到两个js文件,jquery.js 和 jqprint.js,本文使用 jquery-1.4.4.min.js,jquery.jqprint-0.3 ...

  9. jq实现文字个数限制_js实现文本框输入文字个数限制代码

    html: 课程评价 0/5 js: var contentBox = document.getElementById('comment_content'); var max = +document. ...

最新文章

  1. 只改一个值!马上加快宽带上网速度
  2. Ubuntu中的root权限
  3. POJ1088 滑雪 记忆化搜索
  4. leetcode--数组(Medium1)
  5. 计算机网络(第四章网络层)
  6. verilog加法器_【HDL系列】Kogge-Stone加法器原理与设计
  7. 编辑bpmn_「业务架构」BPMN简介第四部分-数据和工件
  8. linux下的PDF阅读器
  9. Microsoft SQL Server 2008详细安装步骤
  10. java - 小程序二维码中间的logo占整个二维码的比例计算
  11. vue-学生信息管理系统
  12. VC6.0 中文代码显示乱码的问题
  13. 【DBSDFZOJ 4370】小宁的机器人(模拟)
  14. 构建创新数字基础设施,中泰证券携手华为迈进数字化转型“快车道”
  15. Android 按钮实现按压水波纹效果
  16. android7.0 8.1 9.0 10.0 去掉屏幕锁屏(屏幕默认锁屏方式改成无)
  17. blackbox_exporter端口及网络监控
  18. GeoGebra 实例 时钟
  19. iOS-控件之间的继承
  20. 长期持有银行股,吃分红,打新股是什么体验?

热门文章

  1. 如何将一个集合里的对象进行计算再排序
  2. 教师要与时俱进,不要自以为正确
  3. PN结中存在的Boltzmann常数
  4. SpringBoot如何自动生成实体类和Dao层以及映射文件(mybatis generator 自动生成代码)
  5. azkaban 与 java任务_Azkaban的任务类型分析35:JavaProcessJob的执行
  6. h30-t10 android phone,荣耀(荣耀)3C H30-T10/2GB RAM/移动3G手机系统介绍评测-ZOL中关村在线...
  7. 在php中存redis数据,redis缓存都存哪些数据
  8. java中正则表达式 ?=_Java中的正则表达式
  9. latex 下划线_Vim Latex 的使用和配置技巧 (三): 用 snippet 编辑 latex
  10. css让image不改变大小_变压器怎样改变电压的?