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动态操作table(新增,删除相关列信息)
May 23 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
Aug 28 Javascript
javascript实现实时输出当前的时间
Apr 27 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
浅谈Vue网络请求之interceptors实际应用
Feb 28 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
vue实现数字滚动效果
Jun 29 Javascript
详解前端任务构建利器Gulp.js使用指南
Apr 30 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
用cookies来跟踪识别用户
2006/10/09 PHP
MySQL授权问题总结
2007/05/06 PHP
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
php发送get、post请求的6种方法简明总结
2014/07/08 PHP
php实现的Timer页面运行时间监测类
2014/09/24 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
巧妙破除网页右键禁用的十大绝招
2006/08/12 Javascript
用js+xml自动生成表格的东西
2006/12/21 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
react.js 翻页插件实例代码
2017/01/19 Javascript
初识NodeJS服务端开发入门(Express+MySQL)
2017/04/07 NodeJs
JS身份证信息验证正则表达式
2017/06/12 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
2018/07/19 Javascript
js监听html页面的上下滚动事件方法
2018/09/11 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
javascript面向对象三大特征之继承实例详解
2019/07/24 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
python处理json数据中的中文
2014/03/06 Python
使用PyV8在Python爬虫中执行js代码
2017/02/16 Python
Python hashlib模块实例使用详解
2019/12/24 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
python/golang 删除链表中的元素
2020/09/14 Python
Python实现随机爬山算法
2021/01/29 Python
一波HTML5 Canvas基础绘图实例代码集合
2016/02/28 HTML / CSS
反四风对照检查材料思想汇报
2014/09/16 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
诚信教育主题班会
2015/08/13 职场文书
实习报告怎么写
2019/06/20 职场文书
如何制定一份可行的计划!
2019/06/21 职场文书