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 相关文章推荐
div模拟滚动条效果示例代码
Oct 16 Javascript
用jquery写的一个万年历(自写)
Jan 20 Javascript
jQuery中:submit选择器用法实例
Jan 03 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
Jul 14 Javascript
基于Vue单文件组件详解
Sep 15 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 Javascript
JavaScript的级联函数用法简单示例【链式调用】
Mar 26 Javascript
在element-ui的select下拉框加上滚动加载
Apr 18 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
JS倒计时两种实现方式代码实例
Jul 27 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中array_merge与array+array的区别
2013/06/21 PHP
PHP实现的oracle分页函数实例
2016/01/25 PHP
简单的自定义php模板引擎
2016/08/26 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
浅谈PHP中的Trait使用方法
2019/03/22 PHP
laravel 去掉index.php伪静态的操作方法
2019/10/12 PHP
JavaScript对象学习经验整理
2013/10/12 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
javascript获取网页各种高宽及位置的方法总结
2016/07/27 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
在vue-cli项目中使用bootstrap的方法示例
2018/04/21 Javascript
JS实现可针对算术表达式求值的计算器功能示例
2018/09/04 Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
2018/12/06 Javascript
react国际化化插件react-i18n-auto使用详解
2020/03/31 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
Vue.js使用axios动态获取response里的data数据操作
2020/09/08 Javascript
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
Python 查看文件的编码格式方法
2017/12/21 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
在python中用url_for构造URL的方法
2019/07/25 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
基于Python爬取股票数据过程详解
2020/10/21 Python
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
成人毕业生自我鉴定
2013/10/18 职场文书
服装设计师职业生涯规划范文
2014/02/28 职场文书
挂牌仪式策划方案
2014/05/18 职场文书
学雷锋志愿者活动方案
2014/08/21 职场文书
大学生考试作弊被抓检讨书
2014/12/27 职场文书
《所见》教学反思
2016/02/23 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server