[精讚] [會員登入]
3387

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

你可能感興趣的文章

表格如何選取一欄(選取一直行) 表格中要指選擇一列很容易,直接叫用的標籤即可,但是要選取一欄呢?

UTF-8 BOM (Byte Order Mark) 的問題 在 Michael Kaplan 那看到 Every character has a story #4: U+feff

[CSS] placeholder 屬性的CSS怎麼設定? 常會用到的placeholder可以在沒填值時有提示的文字,想要改變格式該怎麼做?

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

CSS 垂直中文字 要把文字垂直顯示的處理中文字正轉或逆轉90度的css設定

[CSS] 背景 background css 中最常用的特性(property)之一就是 background ,這個有什麼好難的?事實上 backgroun

隨機好文

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

UTF-8 BOM (Byte Order Mark) 的問題 在 Michael Kaplan 那看到 Every character has a story #4: U+feff

安裝SPHINX支援中文 新版本的 sphinx 和舊版不同,網路上很多範例和教學是不能用的。此文是安裝和設定方法分享

[Win7] 燒錄 iso 檔 在Windows7 中內建燒錄程式,可以直接把檔案拉到光碟機裡,再執行燒錄。

讓radio box 或checkbox 好按 在行動裝置下,radio box及checkbox變得很難按得到