textarea計算字數和行數 @新精讚

[無邊框]

3417

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

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

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

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

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

[HTLM5] 表單時間日期date/time輸入類型介紹HTML5和時間有關的輸入類型date/datetime/datetime-local/month/time/week

隨機好文

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

[jQuery] 利用load()來達成ajax的寫法 jQuery中利用load()來達成ajax的寫法，也有人稱他是假的ajax，作法就是..

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

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

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

計算字數
計算行數

到最底端