1. 程式人生 > >常見textarea換行問題的處理方法

常見textarea換行問題的處理方法

textarea換行時主要遇到的有以下兩個問題

1、在textarea中輸入回車符 在js讀取textarea中的值有\r\n然後到業務層轉換到string中就有可能變成空格形式然後被存入資料庫,當在取出此值的時候則會變成空格的形式。因此我們需要將不顯示的\r\n替換一下。

原因:

這是因為textarea裡輸入和車出現的是編碼vbCrlf,頁面讀取資料庫顯示的內容必須有<br/>才可以顯示換行,所以我們要做的就是在存入資料時把vbCrlf換成<br/>。

處理方式:

用replace和正則表示式結合,一次替換所有的\r\n。

var reg=new RegExp("\r\n","g");
str= str.replace(reg,"<br>");

這樣str中所有的\r\n就替換成<br>了.然後可以將其存入資料庫。

在取出的時候 只用將值在替換回來即可


var reg=new RegExp("<br>","g");
stt= str.replace(reg,"\r\n");
document.getElementById("textarea").value=str;

2、如何將通過textbox提交到資料庫中的空格和回車正確顯示出來


public string MyReplace(string mystr)
{
if(mystr == null || mystr == "" )
{
return("&nbsp;");
}
else
{
mystr = mystr.Replace("\n\r","<br>");
mystr = mystr.Replace("\r","<br>");
mystr = mystr.Replace("\t","  ");
return(mystr);
}
}

相關推薦

常見textarea問題的處理方法

textarea換行時主要遇到的有以下兩個問題 1、在textarea中輸入回車符 在js讀取textarea中的值有\r\n然後到業務層轉換到string中就有可能變成空格形式然後被存入資料庫,當在取出此值的時候則會變成空格的形式。因此我們需要將不顯示的\r\n替換一

Delphi程式設計中使用回車鍵不處理方法!!

我以前遇到過Delphi程式設計中使用回車鍵不換行的問題,一直沒有找到正確處理方法,以至於每次都重新安裝Delphi,今天在XE8中再次遇到這樣問題,萬幸找到了正確的解決方法: 可能使用過程中不小心按了insert鍵,只需要再次按insert鍵解除!

Textarea輸出到前端無效果的推薦處理方法

在處理一些長文字的時候(僅是較長的純字串,還不用大動干戈使用富文字編輯器)經常會用到Textarea標籤作為輸入控制元件。 <textarea name='desc'></textarea> Textarea作為一個輸入控制元件有

Vue後臺開發常見問題:textarea的string轉存資料庫後,提取到前端繫結到vue後JS報錯

問題1: 在後臺使用 <textarea>時,存入資料庫沒有問題,在編輯頁面亦或是詳情頁,我們從資料庫讀取傳入頁面,繫結 Vue.data會出現因為 值有換行符而導致整個 script崩潰的問題 導致原因: <textarea>中的換行符是\n ht

Js 回車處理的辦法及replace方法應用

當我們在文字框裡輸入文字敲下回車後,希望在提交後網頁也顯示是換行的效果,可往往並不能如願以償啊,實在是憤怒啊自己寫了一個回車換行處理的函式,感興趣的朋友可以瞭解下啊,希望本文對你有所幫助 當我們在文字框裡輸入文字敲下回車後,希望在提交後網頁也顯示是換行的效果,這時我們需要把

python常見異常分類與處理方法

異常 error python except try Python常見異常類型大概分為以下類: 1.AssertionError:當assert斷言條件為假的時候拋出的異常 2.AttributeError:當訪問的對象屬性不存在的時候拋出的異常 3.IndexError

echarts圖表裏label文字過長方法

.com 但是 echarts 求余 字符串數組 字數 進行 http 圖標 在做一些圖標時,有時會出現顯示文字過長的問題,需要將其按照指定的字數換行,像下圖這樣 而echarts沒有提供換行的方法,但是可以使用fomatter方法進行設置,代碼如下 formatt

JS實現alert中顯示方法

谷歌瀏覽器 mozilla inter clas 瀏覽器類型 min exp 瀏覽器 sca 轉自腳本之家: 這篇文章主要介紹了JS實現alert中顯示換行的方法,實例分析了兩種實現alert換行的實現技巧,非常簡單實用,需要的朋友可以參考下 本文實例講述了JS實現aler

css實現連續數字和英文的自動方法

overflow 邊界 沒有 flow bre ref wid over IE 1.(IE瀏覽器)連續的英文字符和阿拉伯數字,使用word-wrap : break-word ;或者word-break:break-all;實現強制斷行 #wrap{word-break:b

textarea

在html頁面中,將文字域中的文字內容(換行)儲存格式存到資料庫: <textarea rows="15" cols="60" id="info"></textarea> js: var val = $("#info").val(); val = val.replace(

textarea 問題解決辦法

方法1 $("#content").val().replace(/[\r\n|\n]/g,"<br>"); 取出來的值後臺在進行處理就ok 方法2 使用<div id="content" contenteditable=true ></d

CSS讓文字在一行內顯示不方法

display:block;             /*內聯物件需加*/ width:31em; word-break:keep-all;       /* 不換行 */ white-space:nowrap;        /* 不換行 */ overflow:h

FPGA常見的警告以及處理方法

更多精彩內容,請微信搜尋“FPGAer俱樂部”關注我們1.Found  clock-sensitive        change during        active        clock        edge at        time on register

PHP中去除字串中的方法

下面整理一下常見的去除換行的方法及PHP程式碼。其實天涯[phpha.com]想給大家推薦的是一個系統常量[PHP_EOL]。 // 第1種寫法: <?php str_replace("n", '', $str); ?> // 第2種寫法: <?php str_replace("r

TextView英文自動解決方法

TextView元件 遇到一個問題: 想將【TP-LINK_XXXXXXX】已ellipsize="end'的方式展示一部分,設定 android:layout_width="400px" android:ellipsize="end" android:maxLines=

JAVA初學者第一個程式“Hello World”常見的錯誤及處理方法

1、System第一個單詞沒有大寫,String args[],中第一個字母沒有大寫。 2、System.out.print中間的點其實是:呼叫的意思。 3、單詞的拼寫錯誤。 4、public static void main(String []args){}    pub

shell echo列印方法

echo要支援同C語言一樣的\轉義功能,只需要加上引數-e,如下所示: [~]#echo "Hello world.\nHello sea" Hello world.\nHello sea [~]#echo -e "Hello world.\nHello sea" He

html中title標籤方法

 今天一個朋友問我關於titile換行的問題,於是總結了一下,給大家分享! 1.將 title 屬性分成幾行來寫 <a   href="#"  title="第一行                    第二行">title換行</a>  2

SQL:字串拼接中處理

今天碰到一個問題,需要在SQL Server中用print打印出需要的資訊,其中要求每一條資訊完了之後換行,想到可以用字串拼接,然後在字串中新增換行處理。如下: DECLARE @COUNT_DETAILS INT DECLARE @COUNT_ASSETPLAN IN

C# WinForm 中Label自動 解決方法

在TableLayoutPannel中放著一些Label 如果把Label的AutoSize屬性設成True的話,文字超過label長度時就會自動增加,直到後面的字出窗體以外 設定成False時,一旦到達Label的長度,後面的字元也就顯示不出來了 經過我的多番實踐,最