手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现textarea输入字符控制(仿微博输入控制字符)
jquery实现textarea输入字符控制(仿微博输入控制字符)
摘要:效果图如下:JQUERY代码:复制代码代码如下:vartext=$(".releasetextarea").val();//获取输入框的值v...

效果图如下:

jquery实现textarea输入字符控制(仿微博输入控制字符)1

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实现textarea输入字符控制(仿微博输入控制字符)】相关文章:

jQuery实现不断闪烁文字的方法

基于jQuery插件实现环形图标菜单旋转切换特效

jquery控制表单输入框显示默认值的方法

JQuery+CSS实现图片上放置按钮的方法

jQuery实现鼠标经过图片变亮其他变暗效果

js实现字符串转日期格式的方法

jQuery实现首页图片淡入淡出效果的方法

JQuery实现动态添加删除评论的方法

jQuery实现文本展开收缩特效

jQuery实现自动滚动到页面顶端的方法

精品推荐
分类导航