具體**
實現效果
在輸入的時候我們是這樣排版的:
但是!!!最後在讀取的時候,頁面變成了這樣!!!
我們的回車鍵全部失效了,而且多個空格也被壓縮成了乙個!!!
這個簡直嚴重影響視覺效果!!!!
所以需要用點小方法把這個問題處理了
我們在從textarea裡輸入內容之後,內容在後端會被乙個string類物件接受到,然後存入資料庫。在需要顯示資料的時候,又會從資料庫裡取出這個字串然後放到頁面上。
存入資料庫的這個過程本身是沒有錯的,問題是出在string類和html輸出文字型別上的區別。
回車換行的效果,在string中其實就是乙個\n
而把這個\n
放到前端頁面上,前端是沒有辦法把這個符號理解為換行的,因為在html語言中,換行是
所以,我們如果能在把string儲存到資料庫之前將\n
全部換成
的話,就能夠實現換行了。(資料庫裡還是會顯示
,但是醜一點無所謂呀)。
就是說:你在textarea輸入:
我要則實際string讀取到的是換行
我要\n換行所以替換之後
我要
換行
這樣就能在前端頁面正常顯示了(我在沒給上面那個br打『』符號的時候在我的編輯頁面上也是直接讓文字換行了)
空格問題是:你打了很多個空格,資料庫裡確實也儲存了很多空格,但是最後到前端就只有乙個空格了。
這個問題是因為,在html語言中,多個「 」這種的空格是會被當成乙個處理。
而在html中,我們要實現多個空格,也就需要用到
所以這裡也是一樣的道理,在你把字串裡的空格儲存到資料庫裡的時候全部換成
就好了。
我後台是用servlet寫的,從前端textarea獲取到內容之後這樣處理一下就好了:
string content = request.
getparameter
("content");
content = content.
replace
("\n","
"); content = content.
replace
(" "
," "
);
完工!
現在顯示就正常了!!!
Input輸入框內容限制
輸入大小寫字母 數字 下劃線 input type text onkeyup this.value this.value.replace w g,輸入小寫字母 數字 下劃線 input type text onkeyup this.value this.value.replace a z0 9 g,...
input輸入框內容規範正則總結
input type text只能輸入數字 去掉e和小數點 34 event.keycode 40 event.keycode 46 參考 added in 20200813 輸入大小寫字母 數字 下劃線 輸入小寫字母 數字 下劃線 輸入數字和點 輸入中文 輸入數字 輸入英文 輸入中文 數字 英文 ...
input輸入框內容變化實時監聽
js實現的文字框內容發生改變立馬觸發事件簡單介紹 本章節介紹一下如何在文字框的內容發生變化的時候,立馬觸發乙個事件執行響應的操作,而不是像是keydown或者keyup事件一樣,只能夠檢測通過鍵盤輸入導致內容的變化,下面就通過 例項做一下簡單介紹。一.相關知識準備 1.onchange事件 此事件會...