[精讚] [會員登入]
3095

[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] 修改調色盤 修改ckeditor預設的調色盤

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

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

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

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

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

隨機好文

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

問問題 問問題其實內涵很深,我悟了很久才懂。 有人問題的目的並不一定是想要得到答案,有時只是純粹想問問題..

[MAC] 安裝APACHE+PHP OS Darwin OpenIDMac1deAir 15.6.0 Darwin Kernel Version 15.6.

[MYSQL] 設定字串欄位的預設值 新增表格的時候,字串欄位給予預設空值;數字欄位給預設數值;日期欄位給空值。

[Javascript] 偵錯方式 (火狐中的javascript偵錯) javascript 並不是很容易偵錯(debug)的語言,但那是以前,現在有很多瀏覽器支持很多的工具,此文以火狐為例談談偵錯...