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)無縫滾動實(shí)現(xiàn)代碼
- 簡單易用的基于jQuery版仿新浪微博向下滾動效果(附DEMO)
- 通過Jscript中@cc_on 語句識別IE瀏覽器及版本的代碼
- 仿微博字符限制效果實(shí)現(xiàn)代碼
- 仿新浪微博登陸郵箱提示效果的js代碼
- JS實(shí)現(xiàn)模仿微博發(fā)布效果實(shí)例代碼
- JS 仿騰訊發(fā)表微博的效果代碼
- js仿百度貼吧驗(yàn)證碼特效實(shí)例代碼
- Jquery實(shí)現(xiàn)仿騰訊微博發(fā)表廣播
- python通過正則查找微博@(at)用戶的方法
- js完美實(shí)現(xiàn)@提到好友特效（兼容各大瀏覽器）
相關(guān)文章
JQueryEasyUI datagrid框架的進(jìn)階使用
本篇文章小編為大家介紹JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以參考一下2013-04-04
jQuery Tags Input Plugin（添加/刪除標(biāo)簽插件）詳解
本文主要介紹jQuery Tags Input Plugin添加/刪除標(biāo)簽插件的用法，非常實(shí)用，有需要的朋友可以參考一下。2016-06-06
jquery通過擴(kuò)展select控件實(shí)現(xiàn)支持enter或focus選擇的方法
這篇文章主要介紹了jquery通過擴(kuò)展select控件實(shí)現(xiàn)支持enter或focus選擇的方法,通過jQuery針對select空間增加enter及focus選擇功能分析了jQuery擴(kuò)展的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-11-11
jquery 學(xué)習(xí)之一 對象訪問整理，學(xué)習(xí)jquery的朋友可以參考下。2010-11-11
下面小編就為大家?guī)硪黄钊肜斫?.each和$(selector).each。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
jQuery的實(shí)現(xiàn)原理的模擬代碼 -2 數(shù)據(jù)部分
在 jQuery 中，可以對每一個(gè) DOM 對象保存私有的數(shù)據(jù)。2010-08-08
jQuery實(shí)現(xiàn)的右下角廣告窗體跟隨效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的右下角廣告窗體跟隨效果,涉及jQuery結(jié)合時(shí)間函數(shù)動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了jquery mobile移動端幻燈片滑動切換效果，實(shí)現(xiàn)滑動切換和點(diǎn)擊切換，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery圖片切換動畫特效,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
在一下網(wǎng)頁中，一些人會用到iframe，dom獲取頁面中的iframe還是很簡單的2011-01-01