[精讚] [會員登入]
3355

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

你可能感興趣的文章

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

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

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

[HTLM5] html元件上的 data-* 屬性 html5 中元件中多了一個 data-*的屬性,這個屬性超級好用

[HTML5] script 的新增屬性 defer, async script 的新增屬性 defer, async

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

隨機好文

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

[札記] 2016.7~12月札記 札記,只是札記

看懂DSUB DVI HDMI USB等各式影音接頭 看懂DSUB DVI HDMI等各式影音接頭

[bc] linux 的計算機 bc 設定小數位數、計算π、次方根 linux 的計算機 bc 設定小數位數、計算π、次方根

Mysql INSERT ... ON DUPLICATE KEY UPDATE 寫法,MYSQL如果存在的修改,不存在就新增的寫法 Mysql有則修改,無則新增的sql寫法