jquery实现textarea输入字符控制(仿微博输入控制字符)
2013-04-26 00:00
661 查看
效果图如下:
JQUERY 代码:
字数的样式:
JQUERY 代码:
var text=$(".release textarea").val();//获取输入框的值 var counter=text.length; //获取输入框的值 $("#numtj em").text(500-counter); $(document).keyup(function() { var text=$(".release textarea").val(); var counter=text.length; $("#numtj em").text(500-counter); if(counter>500){ //如果字数大于500 $(".public").addClass("public01").attr("disabled","true") //发布按钮禁用 } else{ $(".public").removeClass("public01").removeAttr("disabled") //发布按钮启用 } });
字数的样式:
#numtj em { font-weight: 700; font-size: 22px; font-style: italic; font-family: Constantia, Georgia; color:#C00; }
相关文章推荐
- textarea输入字符控制 jquery 仿微博输入控制字符
- textarea输入字符控制 jquery 仿微博输入控制字符
- jquery实现textarea输入字符控制
- jQuery实现限制textarea文本框输入字符数量的方法
- jQuery实现限制textarea文本框输入字符数量的方法
- js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
- jQuery实现限制textarea文本框输入字符数量的方法
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- chrome浏览器下禁制 textarea改变大小; Jquery的textareaCounter插件控制textarea输入的字符数量
- jquery实现隐藏显示层动画效果、仿新浪字符动态输入、tab效果
- js控制textarea输入字符串的个数,鼠标按下抬起推断输入字符数
- JS实现控制Textarea文本域字符数
- textarea 控制输入字符字节数(示例代码)
- js控制输入框输入字符数 客户端textarea与服务器端textBox的使用区别
- 微博文本域字符数判断JQuery插件实现方式
- js控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
- jQuery计算文本宽度和input标签根据输入字符动态自适应宽度的实现
- angularJS实现textarea记录只能输入规定数量的字符并显示
- jquery实现限制textarea输入字数的方法