[精讚] [會員登入]
3078

[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] 移除textarea中空行、空白行。 textarea中要移除沒內容的空行、只有空白的行、只有定位字元的行

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

[CKeditor4] 修改特殊字元 CKeditor4 中設定自己想用的特殊字元

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

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

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

隨機好文

[CodeIgniter 3] 資料庫的使用方法整理1/2 --Select的使用 [CodeIgniter 3] 資料庫的使用方法整理:Select的使用

[Centos6] 安裝wordpress Centos 6下安裝wordpress,非常簡單

真正的喜悅 幾種喜悅的類型,雖然很簡單,卻是很多人百思不得其解的難題..

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

[大型機台] 超級排球 大型電玩超級排球