關(guān)于textarea提交的內(nèi)容無法換行的解決辦法
當我們在頁面上通過 textarea 提交數(shù)據(jù)的時候,我們我們輸入的內(nèi)容在提交后都會被處理為了一段內(nèi)容,即使我們在 textarea 里面輸入了很多的換行,提交后也是一段內(nèi)容,那如果我們需要將我們輸入的信息按照輸入的形式保存下來該如何做呢?
這里面存在一個主要的問題是在頁面顯示的時候換行符是 <br /> 標簽,而內(nèi)容在 textarea 中顯示時的換行符是 \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>
在頁面中顯示的時候同樣需要經(jīng)過一下處理,與以上處理過程正好相反:
content=content.replace('<br />','\n');
下面對 js 的 replace 函數(shù)做一下解釋:
語法:
stringObject.replace(regexp/substr,replacement)
replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。
一、替換單個字符
<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,是正則表達式,這說明,在replace()還可以使用正則表達式。
當然 replace 還有更高級的用法,大家可以相關(guān)文檔獲取更多更多的高級用法。
相關(guān)文章
JavaScript中對DOM節(jié)點的訪問、創(chuàng)建、修改、刪除
這篇文章主要介紹了JavaScript中對DOM節(jié)點的訪問、創(chuàng)建、修改、刪除,是JavaScript入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-11-11Javascript基礎(chǔ)教程之JavaScript語法
本文是javascript基礎(chǔ)教程的第一篇,給大家?guī)淼氖莏avascript的最基礎(chǔ)的東西--javascript的語法的注意事項,希望大家能夠喜歡2015-01-01JavaScript的三大前端框架Vue和Angular和React
這篇文章主要為大家介紹了JavaScript的三大前端框架Vue和Angular和React,文章中有詳細的代碼示例,有需要的朋友可以借鑒參考下,2023-04-04