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

WBOY

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

asal

1010 orang telah melayarinya

效果图如下：
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; 
} 

Label berkaitan：

textarea 控制

sumber：php.cn

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

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang