[無邊框]
  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

你可能感興趣的文章

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

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

網頁自動轉址的四種方法 設定網頁自動轉址的四種方法，三種html，一種php

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

[HTLM5] 表單color、email、url、search、tel輸入類型 介紹HTML5好用的輸入類型：color、email、url，以及兩個形同雞肋的類型search、tel..

產生模糊的文字 有時我們需要產生模糊的文字，類似毛玻璃看到的效果。

隨機好文

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

如何在linux下執行java 原生的java應用程式可以使用簡單的方法在console下面寫出來，適合作簡單的應用

[Windows7] 移除IE10及移除IE11 Windows7 不得已的情況要移除IE11或IE10怎麼做？

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

此一時彼一時 我是不是易怒的人，其實我也不知道，總之我常會失控，不知道自己在幹嘛。這近生活過得浮浮的，不是很踏實，總會想太多，我甚至會

精讚::