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 相关文章推荐
javascript下查找父节点的简单方法
Aug 13 Javascript
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
Jul 09 Javascript
js 将json字符串转换为json对象的方法解析
Nov 13 Javascript
js计算两个时间之间天数差的实例代码
Nov 19 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
Aug 04 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
原生js实现电商侧边导航效果
Jan 19 Javascript
小程序云开发如何实现图片上传及发表文字
May 17 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
JS实现基本的网页计算器功能示例
Jan 16 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
zend Framework中的Layout(模块化得布局)详解
2013/06/28 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
一些不错的js函数ajax
2008/08/20 Javascript
jQuery 动画基础教程
2008/12/25 Javascript
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
web.js.字符串与正则表达式操作
2017/05/13 Javascript
vue+axios实现登录拦截的实例代码
2017/05/22 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
jQuery实现的form转json经典示例
2017/10/10 jQuery
原生JS实现的简单轮播图功能【适合新手】
2018/08/17 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
pyqt和pyside开发图形化界面
2014/01/22 Python
python获取list下标及其值的简单方法
2016/09/12 Python
浅谈五大Python Web框架
2017/03/20 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
python学生管理系统
2019/01/30 Python
django解决订单并发问题【推荐】
2019/07/31 Python
css3制作彩色边线3d立体按钮的示例(css3按钮)
2014/05/06 HTML / CSS
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
教师自我鉴定
2013/12/13 职场文书
学习2014年全国两会心得体会
2014/03/12 职场文书
干部作风建设心得体会
2014/10/22 职场文书
婚礼新人答谢词
2015/01/04 职场文书
校长师德表现自我评价
2015/03/05 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
储备店长岗位职责
2015/04/14 职场文书
导师鉴定意见
2015/06/05 职场文书
爱的教育观后感
2015/06/17 职场文书
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS