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;
}
相关文章
本篇文章小编为大家介绍JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以参考一下2013-04-04
jQuery Tags Input Plugin（添加/删除标签插件）详解
本文主要介绍jQuery Tags Input Plugin添加/删除标签插件的用法，非常实用，有需要的朋友可以参考一下。2016-06-06
jquery通过扩展select控件实现支持enter或focus选择的方法
这篇文章主要介绍了jquery通过扩展select控件实现支持enter或focus选择的方法,通过jQuery针对select空间增加enter及focus选择功能分析了jQuery扩展的相关实现技巧,需要的朋友可以参考下2015-11-11
jquery 学习之一 对象访问整理，学习jquery的朋友可以参考下。2010-11-11
下面小编就为大家带来一篇深入理解$.each和$(selector).each。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
在 jQuery 中，可以对每一个 DOM 对象保存私有的数据。2010-08-08
这篇文章主要介绍了jQuery实现的右下角广告窗体跟随效果,涉及jQuery结合时间函数动态操作页面元素属性的相关技巧,需要的朋友可以参考下2016-09-09
这篇文章主要为大家详细介绍了jquery mobile移动端幻灯片滑动切换效果，实现滑动切换和点击切换，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要为大家详细介绍了jQuery图片切换动画特效,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
在一下网页中，一些人会用到iframe，dom获取页面中的iframe还是很简单的2011-01-01
最新评论