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实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
BootStrap table表格插件自适应固定表头(超好用)
Aug 24 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
Aug 22 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
vue中使用ueditor富文本编辑器
Feb 08 Javascript
layui内置模块layim发送图片添加加载动画的方法
Sep 23 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
PHPMailer安装方法及简单实例
2008/11/25 PHP
PHP 第二节 数据类型之数组
2012/04/28 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
PHP面向对象程序设计(OOP)之方法重写(override)操作示例
2018/12/21 PHP
javascript 在网页中的运用(asp.net)
2009/11/23 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
禁止空格提交表单的js代码
2013/11/17 Javascript
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
使用vue实现grid-layout功能实例代码
2018/01/05 Javascript
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
微信小程序canvas截取任意形状的实现代码
2020/01/13 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
js实现网页随机验证码
2020/10/19 Javascript
[03:41]DOTA2上海特锦赛小组赛第三日recap精彩回顾
2016/02/28 DOTA
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
python实现的按要求生成手机号功能示例
2019/10/08 Python
python 识别登录验证码图片功能的实现代码(完整代码)
2020/07/03 Python
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
银行职业规划书范文
2013/12/28 职场文书
数控机械专业个人的自我评价
2014/01/02 职场文书
法制宣传实施方案
2014/03/13 职场文书
城管大队整治方案
2014/05/06 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
Python数据分析之pandas函数详解
2021/04/21 Python