關(guān)于textarea提交的內(nèi)容無法換行的解決辦法
當(dāng)我們?cè)陧撁嫔贤ㄟ^ textarea 提交數(shù)據(jù)的時(shí)候,我們我們輸入的內(nèi)容在提交后都會(huì)被處理為了一段內(nèi)容,即使我們?cè)?textarea 里面輸入了很多的換行,提交后也是一段內(nèi)容,那如果我們需要將我們輸入的信息按照輸入的形式保存下來該如何做呢?
這里面存在一個(gè)主要的問題是在頁面顯示的時(shí)候換行符是 <br /> 標(biāo)簽,而內(nèi)容在 textarea 中顯示時(shí)的換行符是 \n ,下面介紹一種方法通過 js 將輸入的內(nèi)容中的換行符轉(zhuǎn)換為網(wǎng)頁中的換行符。在網(wǎng)頁數(shù)據(jù)提交錢作如下處理即可。
<script type="text/javascript">
//回車轉(zhuǎn)換行
var content=document.getElementById("content").value;
content=content.replace('\n','<br />');
document.getElementById("content").value=content;
//然后提交
</script>
在頁面中顯示的時(shí)候同樣需要經(jīng)過一下處理,與以上處理過程正好相反:
content=content.replace('<br />','\n');
下面對(duì) js 的 replace 函數(shù)做一下解釋:
語法:
stringObject.replace(regexp/substr,replacement)
replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個(gè)與正則表達(dá)式匹配的子串。
一、替換單個(gè)字符
<script language="javascript">
var str="javascript is a good script language";
alert(str.replace("a","A"));//輸出jAvascript is a good script language
</script>
二、替換字符串中存在的指定的所有字符(全部替換)
<script language="javascript">
var str="javascript is a good script language";
alert(str.replace(/a/g,"A"));//輸出jAvAscript is A good script lAnguAge
</script>
上述的/g,是正則表達(dá)式,這說明,在replace()還可以使用正則表達(dá)式。
當(dāng)然 replace 還有更高級(jí)的用法,大家可以相關(guān)文檔獲取更多更多的高級(jí)用法。
相關(guān)文章
JavaScript中對(duì)DOM節(jié)點(diǎn)的訪問、創(chuàng)建、修改、刪除
這篇文章主要介紹了JavaScript中對(duì)DOM節(jié)點(diǎn)的訪問、創(chuàng)建、修改、刪除,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-11Javascript基礎(chǔ)教程之JavaScript語法
本文是javascript基礎(chǔ)教程的第一篇,給大家?guī)淼氖莏avascript的最基礎(chǔ)的東西--javascript的語法的注意事項(xiàng),希望大家能夠喜歡2015-01-01JavaScript的三大前端框架Vue和Angular和React
這篇文章主要為大家介紹了JavaScript的三大前端框架Vue和Angular和React,文章中有詳細(xì)的代碼示例,有需要的朋友可以借鑒參考下,2023-04-04可簡(jiǎn)單避免的三個(gè)JS發(fā)布錯(cuò)誤的詳細(xì)介紹
這篇文章詳細(xì)介紹了可簡(jiǎn)單避免的三個(gè)JS發(fā)布錯(cuò)誤,有需要的朋友可以參考一下2013-08-08