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

WBOY

Freigeben： 2016-05-16 17:35:06

Original

1010 Leute haben es durchsucht

效果图如下：
jquery实现textarea输入字符控制(仿微博输入控制字符)_jquery
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; 
} 

Verwandte Etiketten：

textarea 控制

Quelle：php.cn

Vorheriger Artikel：js自动下载文件到本地的实现代码_javascript技巧 Nächster Artikel：jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍_jquery

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors