[無邊框]
  1. 精讚
  2. 新精讚首頁
  3. 前端程設
  4. HTML/CSS
  5. textarea計算字數和行數
3716

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] placeholder 屬性的CSS怎麼設定？ 常會用到的placeholder可以在沒填值時有提示的文字，想要改變格式該怎麼做？

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

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

[HTML] CSS中的折字換行或不換行(防止容器破壞) 使用者留言時故意來用一串長長的且沒有任何空白的長字串，把你的容器破壞得很難看...

[CSS] 改變文字選擇的顏色(反選的顏色) 我們會用滑鼠選取一小段文字，可能是為了複製或是為了看他清楚點，這篇來改變他選擇時的背影色。

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

隨機好文

使用Google尋找你的手機 這近發現google竟然可以用來找android的手機，而且不需要經過什麼設定或安裝軟體。

[HP DL380G7] 生效啟動第3，4片網卡/開啟或關閉內建的網卡 HP DL380G7 預設第3，4片網卡裝完系統後找不到，難道是壞了？要怎麼辦？

UTF-8的網頁但IE8一片空白 UTF8編碼的網頁在Firefox 正常顯示、但IE8 就是空白，IE8編碼設定是「自動偵測」可是自動偵測到的是 big5...

[CodeIgniter 3] 資料庫的使用方法整理1/2 --Select的使用 [CodeIgniter 3] 資料庫的使用方法整理：Select的使用

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

精讚::