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选择器特辑 详细小结
May 14 Javascript
png在IE6 下无法透明的解决方法汇总
May 21 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
jQuery排序插件tableSorter使用方法
Feb 10 Javascript
微信小程序 下拉列表的实现实例代码
Mar 08 Javascript
微信小程序 开发之全局配置
May 05 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
微信小程序时间选择插件使用详解
Dec 28 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
Jan 27 Javascript
jquery实现穿梭框功能
Jan 19 jQuery
JavaScript实现一键复制内容剪贴板
Jul 23 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的一个基础知识 表单提交
2011/07/04 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
javascript 写类方式之二
2009/07/05 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
JavaScript实现多维数组的方法
2013/11/20 Javascript
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
js中split和replace的用法实例
2015/02/28 Javascript
使用jQuery处理AJAX请求的基础学习教程
2016/05/10 Javascript
jQuery EasyUI 入门必看
2016/06/03 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
vue项目首屏打开速度慢的解决方法
2019/03/31 Javascript
koa+jwt实现token验证与刷新功能
2019/05/30 Javascript
JavaScript实现切换多张图片
2021/01/27 Javascript
python中函数总结之装饰器闭包详解
2016/06/12 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
Python for循环中的陷阱详解
2018/07/13 Python
对Python 除法负数取商的取整方式详解
2018/12/12 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
keras topN显示,自编写代码案例
2020/07/03 Python
python 实现Harris角点检测算法
2020/12/11 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
canvas烟花特效锦集
2018/01/17 HTML / CSS
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
德国高端单身人士交友网站:ElitePartner
2018/12/02 全球购物
电子商务专业个人的自我评价
2013/11/19 职场文书
教师推荐信范文
2013/11/24 职场文书
公务员总结性个人自我评价
2013/12/05 职场文书
报关员个人职业生涯规划书
2014/03/12 职场文书
党员创先争优承诺书
2014/03/26 职场文书
《富饶的西沙群岛》教学反思
2014/04/09 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
2014年终工作总结范本
2014/12/15 职场文书
辩论会主持词
2015/07/03 职场文书
React如何创建组件
2021/06/27 Javascript