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

WBOY

Libérer： 2016-05-16 17:35:06

original

1010 Les gens l'ont consulté

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

Étiquettes associées：

textarea 控制

source：php.cn

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

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur