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 相关文章推荐
基于JQuery的Pager分页器实现代码
Jul 17 Javascript
JavaScript保留两位小数的2个自定义函数
May 05 Javascript
js实现按一下删除键删除整个单词附demo
Sep 05 Javascript
js简单倒计时实现代码
Apr 30 Javascript
Angular2 Service实现简单音乐播放器服务
Feb 24 Javascript
Bootstrap Table从零开始
Jun 30 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
Node.js 进程平滑离场剖析小结
Jan 24 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
May 05 Javascript
js事件机制----捕获与冒泡机制实例分析
May 22 Javascript
js实现从右往左匀速显示图片(无缝轮播)
Jun 29 Javascript
原生JS实现飞机大战小游戏
Jun 09 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读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
jQuery使用手册之一
2007/03/24 Javascript
jquery中this的使用说明
2010/09/06 Javascript
jQuery数组处理代码详解(含实例演示)
2012/02/03 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
2016/12/01 Javascript
Nodejs 发送Post请求功能(发短信验证码例子)
2017/02/09 NodeJs
nodejs 搭建简易服务器的图文教程(推荐)
2017/07/18 NodeJs
input file样式修改以及图片预览删除功能详细概括(推荐)
2017/08/17 Javascript
bootstrap可编辑下拉框jquery.editable-select
2017/10/12 jQuery
Express系列之multer上传的使用
2017/10/27 Javascript
在Vant的基础上封装下拉日期控件的代码示例
2018/12/05 Javascript
OpenLayer3自定义测量控件MeasureTool
2020/09/28 Javascript
[01:36]DOTA2完美大师赛趣味视频之与队友相处的十万个技巧
2017/11/19 DOTA
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
Python连接SQLServer2000的方法详解
2017/04/19 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
python实现扑克牌交互式界面发牌程序
2020/04/22 Python
详解Python yaml模块
2020/09/23 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
美国在线家装零售商:Build.com
2016/09/02 全球购物
do you have any Best Practice for testing
2016/06/04 面试题
操行评语大全
2014/04/30 职场文书
实习推荐信
2014/05/10 职场文书
生产操作工岗位职责
2014/09/16 职场文书
个人买房协议书范本
2014/10/06 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
继承公证书格式
2015/01/26 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
小学班级管理心得体会
2016/01/07 职场文书
使用Redis实现秒杀功能的简单方法
2021/05/08 Redis
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
如何使用pdb进行Python调试
2021/06/30 Python
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL