jquery实现textarea输入字符控制

最新推荐文章于 2023-09-18 09:04:20 发布

chinashanzhang

最新推荐文章于 2023-09-18 09:04:20 发布

阅读量728

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/chinashanzhang/article/details/79221086

jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的文本域输入字符控制功能。该功能可以实时显示剩余可输入的字符数量，并根据输入字数控制发布按钮的状态。当输入字符超过限定值时，发布按钮将被禁用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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; 

}