首頁 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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++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控制攝影機:從連接到拍攝的全過程解析攝影機的應用越來越廣泛,例如視訊通話、監視系統等。而在Web應用中,我們常常需要透過PHP來控制和操作攝影機。本文將介紹如何利用PHP來實現從相機連接到拍攝的整個過程。確認攝影機的連接狀態在開始操作攝影機之前,我們首先需要確認攝影機的連接狀態。 PHP提供了擴充庫video來實現對相機的操作。我們可以透過以下程式碼

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

當您使用對應的快捷鍵微調音量等級時,螢幕上會出現一個媒體音量控制彈出視窗。這可能很煩人,因此請繼續閱讀以找出永久停用媒體音量控制彈出視窗的不同方法。如何停用媒體音量控制彈出視窗? 1.在Google瀏覽器中按一下工作列上的Windows圖標,在頂部的搜尋欄中鍵入chrome,然後選擇相關搜尋結果以啟動Google瀏覽器。在網址列中鍵入或複製貼上以下內容,然後按鍵。 Enterchrome://flags在頂部的搜尋框中鍵入媒體金鑰,然後在硬體媒體金鑰處理下拉清單中選擇停用。現在退出谷歌瀏覽器應用程式並重新啟動它。 Google

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

近年來,機器人技術已廣泛應用,可見其在科技領域的重要性。而機器人控制也是機器人開發的核心部分之一。使用Java語言實現機器人控制,能夠實現快速的機器人控制,也為機器人的進一步發展提供了強大的支援。 Java是一種高階語言,由於其良好的跨平台性、高效性和安全性,成為了廣泛使用的程式語言。在實現機器人控制方面,它也能夠提供很好的支援。首先,需要了解機器人控制的

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

如何在FastAPI中實現API版本控制引言:隨著軟體開發的快速發展,API版本控制變得越來越重要。當我們的應用程式不斷發展改進時,我們經常需要對API進行更新和修改。這需要我們在不影響舊版的同時,能夠順利引進新的API版。在本文中,我們將討論如何在FastAPI中實作API版本控制。 FastAPI是一個基於Python的現代型Web框架,它提供了快速

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

想像一下,一部沒有正常運作的控制中心的iPhone。你不能,對吧?如果控制中心上的按鈕無法正常運作,則無法正確使用iPhone。控制中心的主要思想是直接從手機上的任何地方輕鬆使用某些功能。在這種情況下,這些解決方案將有助於解決手機上的問題。修復1–使用布清潔手機有時,經常使用顯示器的上部會變髒。這可能會導致控制中心無法正常運作。步驟1–取一塊柔軟、乾淨的超細纖維布,清理iPhone螢幕的上半部。您也可以使用任何螢幕清除液。步驟2–確保清除手機顯示器上的任何灰塵、油或任何其他物品。清除手機螢幕後

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

可以使用readonly屬性、disabled和readwrite屬性來設定textarea唯讀。詳細介紹:1、readonly屬性,readonly屬性的值為readonly;2、disabled屬性,<textarea>元素的內容將無法更改,因為disabled屬性的值為disabled;3、readwrite屬性,<textarea>元素的內容可以更改等等。

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

如何解決PHP開發中的分散式鎖定和並發控制引言:在PHP開發中,往往需要解決多個進程或多個伺服器同時對共享資源進行操作的問題。在這種情況下,就需要使用分散式鎖定和並發控制來確保資料的一致性和可靠性。本文將介紹如何在PHP開發中解決分散式鎖和並發控制的問題,並給出具體的程式碼範例。一、分散式鎖的實作:在PHP開發中,實作分散式鎖最常用的方法是使用Redis。 Red

使用PHP快手API接口,如何實現視訊的播放與控制 使用PHP快手API接口,如何實現視訊的播放與控制 Jul 23, 2023 pm 01:28 PM

使用PHP快手API接口,實現影片的播放與控制在現今的社群媒體平台中,短影片分享已成為人們日常生活的一部分。快手作為中國領先的短視頻平台,吸引了大量的用戶。如果您想在自己的網站或應用程式中嵌入快手視頻,可以使用PHP快手API介面來實現視頻的播放和控制。本文將向您介紹如何使用PHP快手API介面來實現此功能,並提供對應的程式碼範例。使用快手API介面之前,您需要

See all articles