jquery實(shí)現(xiàn)textarea輸入字符控制(仿微博輸入控制字符)
更新時(shí)間:2013年04月26日 15:32:13 作者:
首先獲取輸入框的值然后獲取輸入框的值;如果字?jǐn)?shù)大于500、發(fā)布按鈕禁用否從發(fā)布按鈕啟用,感興趣的朋友可以詳細(xì)了解下哈
效果圖如下:

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){ //如果字?jǐn)?shù)大于500
$(".public").addClass("public01").attr("disabled","true") //發(fā)布按鈕禁用
}
else{
$(".public").removeClass("public01").removeAttr("disabled") //發(fā)布按鈕啟用
}
});
字?jǐn)?shù)的樣式:
#numtj em {
font-weight: 700;
font-size: 22px;
font-style: italic;
font-family: Constantia, Georgia;
color:#C00;
}

JQUERY 代碼:
復(fù)制代碼 代碼如下:
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){ //如果字?jǐn)?shù)大于500
$(".public").addClass("public01").attr("disabled","true") //發(fā)布按鈕禁用
}
else{
$(".public").removeClass("public01").removeAttr("disabled") //發(fā)布按鈕啟用
}
});
字?jǐn)?shù)的樣式:
復(fù)制代碼 代碼如下:
#numtj em {
font-weight: 700;
font-size: 22px;
font-style: italic;
font-family: Constantia, Georgia;
color:#C00;
}
您可能感興趣的文章:
- Jquery與JS兩種方法仿twitter/新浪微博 高度自適應(yīng)無(wú)縫滾動(dòng)實(shí)現(xiàn)代碼
- 簡(jiǎn)單易用的基于jQuery版仿新浪微博向下滾動(dòng)效果(附DEMO)
- 通過(guò)Jscript中@cc_on 語(yǔ)句識(shí)別IE瀏覽器及版本的代碼
- 仿微博字符限制效果實(shí)現(xiàn)代碼
- 仿新浪微博登陸郵箱提示效果的js代碼
- JS實(shí)現(xiàn)模仿微博發(fā)布效果實(shí)例代碼
- JS 仿騰訊發(fā)表微博的效果代碼
- js仿百度貼吧驗(yàn)證碼特效實(shí)例代碼
- Jquery實(shí)現(xiàn)仿騰訊微博發(fā)表廣播
- python通過(guò)正則查找微博@(at)用戶的方法
- js完美實(shí)現(xiàn)@提到好友特效(兼容各大瀏覽器)
相關(guān)文章
jQuery獲取iframe的document對(duì)象的方法
獲取iframe的document對(duì)象進(jìn)行dom的操作,實(shí)現(xiàn)方法很多,下面是jquery的實(shí)現(xiàn)過(guò)程,喜歡玩iframe的朋友可以參考下2014-10-10jQuery的animate函數(shù)實(shí)現(xiàn)圖文切換動(dòng)畫效果
animate()在jquery中作為一個(gè)方法,可用于創(chuàng)建動(dòng)畫效果,jquery中的animate()方法讓那個(gè)頁(yè)面增加了很好的視覺(jué)效果2015-05-05jQuery Ajax 加載數(shù)據(jù)時(shí)異步顯示加載動(dòng)畫
這篇文章主要介紹了jQuery Ajax 加載數(shù)據(jù)時(shí)異步顯示加載動(dòng)畫的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08jQuery的時(shí)間datetime控件在AngularJs中的使用實(shí)例(分享)
下面小編就為大家?guī)?lái)一篇jQuery的時(shí)間datetime控件在AngularJs中的使用實(shí)例(分享)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08詳解Jquery 遍歷數(shù)組之$().each方法與$.each()方法介紹
這篇文章主要介紹了詳解Jquery 遍歷數(shù)組之$().each方法與$.each()方法介紹 ,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01Jquery實(shí)現(xiàn)列表(隔行換色,全選,鼠標(biāo)滑過(guò)當(dāng)前行)效果實(shí)例
Jquery實(shí)現(xiàn)列表(隔行換色,全選,鼠標(biāo)滑過(guò)當(dāng)前行)效果實(shí)例,需要的朋友可以參考一下2013-06-06