转自给力技术:http://site518.net/jquery-limit-text-in-textarea/
Textarea Counter是一个轻量级的jQuery文本框字符限制插件,它也是简单易用的。字数限制的提示信息将会显示在文本框的下方,你也可以自定义提示信息的格式。当输入的字符超过字数限制时,提示信息将会相应的变为警告性的样式。
首先要加载jQuery库Textarea counter插件
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.textareaCounter.js" type="text/javascript"></script>
在页面中增加一个textarea元素,如下
<textarea id="site" cols="60" rows="10"></textarea>
最后初始化插件
var options = {
'maxCharacterSize': 200,
'originalStyle': 'originalTextareaInfo',
'warningStyle' : 'warningTextareaInfo',
'warningNumber': 40,
'displayFormat' : '#input/#max | #words words'
};
$('#site).textareaCount(options);
在线演示
分享到:
相关推荐
jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载
NULL 博文链接:https://xiaojin21cen.iteye.com/blog/1560818
基于jquery的仿twitter的文本字数限制带提示效果插件,这里提示比较好,不是简单的限制,给用户更好的体验。
内容索引:脚本资源,jQuery,字符限制,jQuery插件 jQuery 文本框输入字符限制插件,也就是在你输入文字的时候,根据程序要求,可以限制一部分否提交或是不显示,实现截取字符的作用,比如在有些留言本或评论程序限制...
。
。
节介绍一个自己写的jQuery文本框字符限制插件,至于如何写插件,我这里就不多讲了,可以查看相关介绍,这里主要介绍下该插件的功能
一个jQuery辅助的字符类型输入限制插件,这个插件是先限制再输入,也就是当用户输入的时候,输入了不允许的字符,则不自动过滤掉该字符,不会显示在文本框中。这款插件的名字叫做jQuery AlphaNumeric,by Paulo P. ...
jQuery适时统计文本框输入的字符个数,这是一款来自jquery的插件,用以实现对用户输入字符的统计,当用户输入的时候,本插件可适时的显示出你输入了多少个字符,为下一步的程序控制提供变量值,类似微博的输入框字...
jquery js实现下拉列表智能输入匹配插件,相信很多朋友都知道这个功能吧,当用户输入的时候,会自动匹配用户输入的字符,下拉显示出更多可能的匹配项内容,大家把这种功能叫做“输入提示”或“输入匹配”等,如演示...
一个jQuery的分页插件,是在原来网上下载的jQuery的插件上扩展的,原来的是只有按钮的,扩展新增了可以选择用文本框或下拉框来选择跳转页面。因为出现过乱码问题,所以中文的那个里面的中文字符是用的Unicode的编码
内容索引:脚本资源,jQuery,jQuery插件,表单,输入框 使用jQuery 限制表单输入框的字符格式,并自动按要求转换格式,我们把它起个名字叫做jQuery inputMask,它一共有四种方式: 1、转换文本框的字符为大写,自动...
StopVerbosity 是个 jQuery 插件,通过重置文本框最大长度的属性来限制文本输入框的文本大小。 一行文本,验证器或者计数器会计算输入了多少个字符或者是还能输入多少个字符到文本框中,一点达到限制的最高点,就不...
一款jQuery插件slide幻灯片切换图片宽高自适应 74.一款jQuery漂亮淡出淡入焦点大图切换源码 75.一款jquery缩略图商品切换放大展示功能插件 76.一款使用jQuery左右控制横向图片滚动的代码 77.一款基于jquery...
内容索引:脚本资源,jQuery,alphanumeric,表单验证 jQuery AlphaNumeric是一个表单字符输入限制插件,当使用了限制机制后,允许输入数字的文本框只能输入数字,其它字符将不能显示,即使按了键盘也不会在输入框中有...
主要介绍了JS与jQuery判断文本框还剩多少字符可以输入的方法,简单分析了js字符个数统计的方法,并给出了jQuery字符统计插件textlimit的相关使用方法示例,需要的朋友可以参考下
使用jQuery扩展工具函数实现对字符串指定类型的检测 第10章 在指定的查找范围内获取DOM元素 选择器中含有空格符与不含空格符的区别 事件中的target方法优化冒泡现象 使用data()方法在元素上存取移数据 使用data...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
这里向大家推荐一款优秀的 jQuery 文本输入框自动完成 & 自动提示插件,帮助你在网站中轻松添加输入框的自动完成和自动提示功能。主要参数介绍: serviceUrl:Ajax 请求的 URL; lookup:本地数据数组; minChars:...