[精讚] [會員登入]
3012

[Javascript/Jquery] 移除textarea中空行、空白行。

textarea中要移除沒內容的空行、只有空白的行、只有定位字元的行

分享此文連結 //n.sfs.tw/13221

分享連結 [Javascript/Jquery] 移除textarea中空行、空白行。@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-25 06:52:35 最後編修
2019-04-07 23:16:08 By 張○○
 

表單輸入時,很麻煩的是使用者除了有用的資料外,有時會有一些沒意義的空行。

或是此行沒有任何文字,只有空白字元或是定位符號(TAB)的行。

在送到後端前可以先處理掉

HTML

<textarea id="mytext"></textarea>

JQUERY

  $('#mytext').on("input", function(){
    var ct= $(this).val();
    ct=ct.replace(/^(\r\n|\n|\r|\t| )+/gm, "");
    $('#mytext').val(ct);
  });

這樣就可以了,使用者打了空行、空白、定位馬上就會被吃掉。

就算是複製貼上來的也是

 

參考資料

[1] https://stackoverflow.com/questions/16369642/javascript-how-to-use-a-regular-expression-to-remove-blank-lines-from-a-string

END

你可能感興趣的文章

[Ckeditor4] 讀、寫與插入內容到欄位 Ckeditor4 提供非常多方法,可以插入、讀取和寫入到TEXTAREA中

[CKeditor4] 修改調色盤 修改ckeditor預設的調色盤

Jquery 圖片放大的工具:放大鏡 想讓網頁上的圖片局部放大,有沒有簡單好用的 jquery?

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

[jQuery] select 元件的取值及給值 html中的元件select,在jquery中要如何使用?

[Vue3.js] vue3 運行時出現 Network: unavailable 的解決方法 vue3 運行測試平台時如果需要遠端連線的話怎麼辦?

隨機好文

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

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

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

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

NETCRAFT發現你的網站及作業系統 NETCRAFT可以發現你的網站及作業系統