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

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] HTML 畫出粗外框表格的方法 (粗框表格) 在畫表格的時候，習慣上表格的外框要比內部的線條來得粗，不但比較美觀，而且看起來比較完整

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

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

關閉瀏覽器表單的自動完成autocomplete 什麼是自動完成？就是當我們在網頁的輸入文字欄位中打入文字時，瀏覽器會把曾輸入過歷史記錄中找出來讓我們選擇。

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

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

隨機好文

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

[jQuery] textarea 的取值和給值 HTML 的 TEXTAREA 標籤若要用 jquery 取值，不能使用 .text() 或 .html() ，使用 .

沒有非誰做不可的事，也沒有不可被取代的人 沒有非誰做不可的事，也沒有不可被取代的人

[Freebsd] 定時測試 ADSL 是否斷線並重連 中華電信 ADSL 雖有固定 ip，可是他卻會不定時「斷線」, 使用以下的 方法可以定時測試是否斷線，以及重新撥接。

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

精讚::