首頁 web前端 js教程 jquery實作textarea輸入字元控制(仿微博輸入控製字元)_jquery

jquery實作textarea輸入字元控制(仿微博輸入控製字元)_jquery

May 16, 2016 pm 05:35 PM
textarea 控制

效果圖如下:
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-size style: italic;
font-family: Constantia, Georgia;
color:#C00;
}

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

利用PHP控制攝影機:從連接到拍攝的全過程解析 利用PHP控制攝影機:從連接到拍攝的全過程解析 Jul 30, 2023 pm 03:21 PM

利用PHP控制攝影機:從連接到拍攝的全過程解析

如何停用媒體音量控制彈出視窗[永久] 如何停用媒體音量控制彈出視窗[永久] May 24, 2023 pm 10:50 PM

如何停用媒體音量控制彈出視窗[永久]

控制中心在iPhone中不起作用:修復 控制中心在iPhone中不起作用:修復 Apr 17, 2024 am 08:16 AM

控制中心在iPhone中不起作用:修復

如何在FastAPI中實現API版本控制 如何在FastAPI中實現API版本控制 Jul 29, 2023 am 11:33 AM

如何在FastAPI中實現API版本控制

如何使用Java實現機器人控制 如何使用Java實現機器人控制 Jun 16, 2023 am 10:36 AM

如何使用Java實現機器人控制

怎麼設定textarea只讀 怎麼設定textarea只讀 Sep 28, 2023 am 11:17 AM

怎麼設定textarea只讀

如何解決PHP開發中的分散式鎖和並發控制 如何解決PHP開發中的分散式鎖和並發控制 Oct 10, 2023 am 08:34 AM

如何解決PHP開發中的分散式鎖和並發控制

如何使用PHP進行基本的嵌入式裝置控制 如何使用PHP進行基本的嵌入式裝置控制 Jun 23, 2023 am 10:01 AM

如何使用PHP進行基本的嵌入式裝置控制

See all articles