jquery實現(xiàn)textarea輸入字符控制(仿微博輸入控制字符)
更新時間：2013年04月26日 15:32:13 作者：
首先獲取輸入框的值然后獲取輸入框的值;如果字數(shù)大于500、發(fā)布按鈕禁用否從發(fā)布按鈕啟用，感興趣的朋友可以詳細了解下哈
效果圖如下：
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){ //如果字數(shù)大于500
$(".public").addClass("public01").attr("disabled","true") //發(fā)布按鈕禁用
}
else{
$(".public").removeClass("public01").removeAttr("disabled") //發(fā)布按鈕啟用
}
});
字數(shù)的樣式：
#numtj em {
font-weight: 700;
font-size: 22px;
font-style: italic;
font-family: Constantia, Georgia;
color:#C00;
}
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){ //如果字數(shù)大于500
$(".public").addClass("public01").attr("disabled","true") //發(fā)布按鈕禁用
}
else{
$(".public").removeClass("public01").removeAttr("disabled") //發(fā)布按鈕啟用
}
});
字數(shù)的樣式：
復制代碼 代碼如下:
#numtj em {
font-weight: 700;
font-size: 22px;
font-style: italic;
font-family: Constantia, Georgia;
color:#C00;
}
相關文章
本篇文章小編為大家介紹JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以參考一下2013-04-04
jQuery Tags Input Plugin（添加/刪除標簽插件）詳解
本文主要介紹jQuery Tags Input Plugin添加/刪除標簽插件的用法，非常實用，有需要的朋友可以參考一下。2016-06-06
jquery通過擴展select控件實現(xiàn)支持enter或focus選擇的方法
這篇文章主要介紹了jquery通過擴展select控件實現(xiàn)支持enter或focus選擇的方法,通過jQuery針對select空間增加enter及focus選擇功能分析了jQuery擴展的相關實現(xiàn)技巧,需要的朋友可以參考下2015-11-11
jquery 學習之一 對象訪問整理，學習jquery的朋友可以參考下。2010-11-11
下面小編就為大家?guī)硪黄钊肜斫?.each和$(selector).each。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jQuery的實現(xiàn)原理的模擬代碼 -2 數(shù)據(jù)部分
在 jQuery 中，可以對每一個 DOM 對象保存私有的數(shù)據(jù)。2010-08-08
這篇文章主要介紹了jQuery實現(xiàn)的右下角廣告窗體跟隨效果,涉及jQuery結合時間函數(shù)動態(tài)操作頁面元素屬性的相關技巧,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細介紹了jquery mobile移動端幻燈片滑動切換效果，實現(xiàn)滑動切換和點擊切換，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細介紹了jQuery圖片切換動畫特效,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
在一下網(wǎng)頁中，一些人會用到iframe，dom獲取頁面中的iframe還是很簡單的2011-01-01