[精讚] [會員登入]
3116

[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] 陣列、陣列的操作 Javascript 的陣列操作:宣告、取值、賦值、插入或移除項目,檢查KEY、檢查是否為陣列等等

[Javascript/Jquery] 移除textarea中空行、空白行。 textarea中要移除沒內容的空行、只有空白的行、只有定位字元的行

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

Jquery+CSS div區塊的拖拉(drag and drop)效果 網頁想要做到拖拉區塊的功能,但又不想使用他人的插件或是 jquery-ui的話,怎麼做?

[jQuery] checkbox 及 radio 設定值 jQuery 之 checkbox 及 radio 取值及設定值的方法

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

隨機好文

為什麼要買長達二十年的保單? 為什麼要買長達二十年的保單?找一個可以說服我買二十年保單的理由。

TFTP Server 安裝及使用 讓設備的網路設定檔或是韌體經由TFTP拷備出來,操作的方法

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

Smarty安裝 smarty 是著名的樣版引擎,非常的好用,用多了突然發現拿掉smarty反而不會寫php了,以下是安裝過程..

設計的工作絕不接受比價 拿買陽春麵的價格想買牛肉麵,寧願倒掉也不賣