[精讚] [會員登入]
3492

textarea計算字數和行數

textarea可以大量的放入文字,但要如何計算字數和行數呢?

分享此文連結 //n.sfs.tw/13138

分享連結 textarea計算字數和行數@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-23 17:59:53 最後編修
2019-03-03 01:01:27 By 張○○
 

自動目錄

在TEXTAREA中,要如何取得使用者輸入的字數或行數呢?

計算字數

計算字數只要使用 length 函數即可,中文字或是英數都是算1。

var len = $("#textareaid").val().length; 

可以放在 keyup事件中計算

$('#textareaid').on('keyup',(function () {
   var len = $(this).val().length;
}

 

計算行數

計算行數的話,得算換行字元出現的次數來決定

var t=$(this).val().match(/\r?\n|\r/g).length;

 

 

參考資料

[1] https://stackoverflow.com/questions/5371089/count-characters-in-textarea

END

你可能感興趣的文章

[CSS] 多個 class 的表示法和寫法 網頁設計中常會用到CSS,他的一般格式是這樣的:

[HTML] 影像地圖 使用HTML的MAP標籤製作影像地圖

[HTML] 讓表格整欄上色的方法 過去我們要讓表格整欄上色,都得用很不方便的方法:該儲存格設定一個類別,指定他的樣式,現在有更好的方法

CSS 的 !important 意義 網頁的前端工程師非常頭痛的事,就是同時要處理 IE和 FF等不同的瀏覽器,更糟的是 IE 又分成了 6 7 8三種版本,

[HTLM5] 表單number和range輸入類型 介紹HTML5和數字有關的輸入類型number/range 等類型

如何讓瀏覽器每次都重新載入css、js、圖檔 不管怎麼刷新網頁,他總是跑出來舊的內容,這對開發的人來說很困擾...

隨機好文

[MAC] 截取螢幕畫面的方法 截取螢幕畫面的方法,在MAC中叫作螢幕快照,英文是screenshot

海棉寶寶超泡杯演奏的sweet victory 章魚哥和海棉寶寶在超泡杯的演奏歌曲

最值得學的電腦技能 什麼是最值得學的電腦技能?程式設計?美工繪圖?系統網路?還是…? 都不是!個人覺得一個最值得學的電腦技能就

[AS3] 物件加上超連結的方法 物件加上超連結,可讓使用者點擊的方法

兩次使用InnoDB的慘痛經驗 Mysql 的Innodb引擎雖然好用,但是我得說說我兩次的慘痛經驗,這讓我考慮以後可能不會再使用innodb了