jQuery插件textlimit实现Javascript统计和限制字符个数功能

0 star

使用jQuery插件textlimit可以实现统计和限制字符个数功能，可应用于文本框与文本区域，当输入文字时textlimit插件会及时统计当前文本框与文本区域中的字符个数，如果达到限制数则不允许输入，同时可设置字符删除速度，效果图如下：
jQuery插件textlimit实现Javascript统计和限制字符个数功能
使用说明
需要使用jQuery库文件和textlimit库文件

使用实例
一，包含文件部分

  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript" src="textlimit.js"></script>

二，HTML部分

  1. <input type="text" name="test" value="" id="test" /><span>20</span>/256

三，Javascript部分

  1. <script type="text/javascript">
  2. jQuery(document).ready(function(){
  3. jQuery("#test").textlimit("span",256);
  4. });
  5. </script>

当在ID为test的文本框中输入文字时，textlimit插件统计当前输入字符个数并显示在一个span的元素中，如上效果图，textlimit接口如下：

  1. textlimit(counter_el, thelimit, speed)

接口参数说明：
counter_el表示显示当前统计个数的选择器标签，如：span
thelimit表示限制个数，也就是最多可输入的个数，如：256
speed表示删除字符速度，默认为15，注意，如果不需要可设置为-1，但不能是0

注意：英文字符与汉字字符都统计为一个字符

textlimit插件统计和限制字符数非常简单，具体大家可以看看textlimit的库文件，非常值得推荐。

点我查看jQuery插件textlimit在线演示

0 回答