jquery实现textarea输入字符控制(仿微博输入控制字符)


Posted in Javascript onApril 26, 2013

效果图如下:
jquery实现textarea输入字符控制(仿微博输入控制字符)
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; 
}
Javascript 相关文章推荐
js Date自定义函数 延迟脚本执行
Mar 10 Javascript
jQuery获取动态生成的元素示例
Jun 15 Javascript
浅谈jquery回调函数callback的使用
Jan 30 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
AngularJs 指令详解及示例代码
Sep 01 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
JavaScript 数组去重详解
Sep 15 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 #Javascript
基于jquery中children()与find()的区别介绍
Apr 26 #Javascript
基于jQuery选择器的整理集合
Apr 26 #Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
Apr 26 #Javascript
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 #Javascript
jquery中.add()的使用分析
Apr 26 #Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 #Javascript
You might like
PHP Directory 函数的详解
2013/03/07 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
php数据序列化测试实例详解
2017/08/12 PHP
PHP回调函数与匿名函数实例详解
2017/08/16 PHP
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
javascript中的startWith和endWith的几种实现方法
2013/05/07 Javascript
javascript中数组的冒泡排序使用示例
2013/12/18 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
jQuery功能函数详解
2015/02/01 Javascript
详解JavaScript中Date.UTC()方法的使用
2015/06/12 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
js实现各种复制到剪贴板的方法(分享)
2016/10/27 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
通过构造函数实例化对象的方法
2017/06/28 Javascript
详解webpack require.ensure与require AMD的区别
2017/12/13 Javascript
Less 安装及基本用法
2018/05/05 Javascript
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
2018/10/02 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
2018/10/09 Javascript
Ant Design Pro 下实现文件下载的实现代码
2019/12/03 Javascript
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
[01:02]2014 DOTA2国际邀请赛中国区预选赛 现场抢先看
2014/05/22 DOTA
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
django ajax json的实例代码
2018/05/29 Python
Python使用微信接入图灵机器人过程解析
2019/11/04 Python
Python: tkinter窗口屏幕居中,设置窗口最大,最小尺寸实例
2020/03/04 Python
ivx平台开发之不用代码实现一个九宫格抽奖功能
2021/01/27 HTML / CSS
StubHub智利:购买和出售您的门票
2016/11/23 全球购物
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
社区端午节活动方案
2014/01/28 职场文书
敬老模范事迹
2014/05/21 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
审美与表现自我评价
2015/03/09 职场文书
win10安装配置nginx的过程
2021/03/31 Servers
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏
go goth封装第三方认证库示例详解
2022/08/14 Golang