[精讚] [會員登入]
3260

[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

你可能感興趣的文章

Javascript/Jquery 建立、讀取、刪除cookie值 Javascript/Jquery 建立、讀取、刪除cookie值

[Javascript] NaN是什麼? javascript 的NaN和取得整數

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

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

[Jquery] 複選的checkbox取值 遇到複選的checkbox該如何取值?

[Bootstrap] Datepicker使用/Bootstrap日期選日期選擇器的使用 Bootstrap日期選日期選擇器的使用

隨機好文

[Freebsd] 使用 ADSL 撥接上網 Freebsd上要使用 ADSL 撥接上網,該如何設定?

好用的3+2碼郵遞區號查詢系統推薦 網路上找到用地址輸入判斷3+2碼郵遞區號的辨識率不高,除了這個網站…

魔球中小女孩唱的歌 The show 魔球中小女孩唱的歌 The show

精讚的版面變化 ▓此文僅作為舊文的記錄▓ 這篇文章為了紀念改版完成而撰寫。 原本的部落格是民國97年的作品,那時還是用舊有的技術來寫,很

[Bootstrap] Datepicker使用/Bootstrap日期選日期選擇器的使用 Bootstrap日期選日期選擇器的使用