jquery实现textarea输入字符控制(仿微博输入控制字符)
更新时间：2013年04月26日 15:32:13 作者：
首先获取输入框的值然后获取输入框的值;如果字数大于500、发布按钮禁用否从发布按钮启用，感兴趣的朋友可以详细了解下哈
效果图如下：
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;
}
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;
}
相关文章
获取iframe的document对象进行dom的操作，实现方法很多，下面是jquery的实现过程，喜欢玩iframe的朋友可以参考下2014-10-10
animate()在jquery中作为一个方法,可用于创建动画效果，jquery中的animate()方法让那个页面增加了很好的视觉效果2015-05-05
这篇文章主要为大家详细介绍了jQuery布局组件EasyUI Layout的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了jQuery Ajax 加载数据时异步显示加载动画的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
下面小编就为大家带来一篇jQuery的时间datetime控件在AngularJs中的使用实例(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
jQuery提供css()的方法来实现嵌入式改变元素样式，css()方法在使用上具有多样性。2010-02-02
这篇文章主要介绍了jquery中EasyUI使用技巧小结,都是些个人经验，分享给大家，需要的朋友可以参考下2015-02-02
这篇文章主要介绍了jquery显示隐藏input对象,需要的朋友可以参考下2014-07-07
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
这篇文章主要介绍了详解Jquery 遍历数组之$().each方法与$.each()方法介绍 ,具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例，需要的朋友可以参考一下2013-06-06
最新评论