文本域中分行符號的替換樣本

說明：代碼在實際項目中測試通過，我已經省去些不重要的，大家可以重點看顏色標記的部分

前戲：

問：為什麼做這個呢？？

答：項目中有個將錄入的文本域文字儲存到資料庫中。‘查看時'從資料庫擷取相應資料，顯示在文本域中。開發期間發現分行符號使用jquery 的val() 還是text()擷取後不做處理，儲存資料庫中沒有換行了，自然取出來顯示也就沒有分行符號了！由此寫了下面的文章…………有點囉嗦啊！
複製代碼 代碼如下:
<%@ page contentType="text/html;charset=UTF-8" %>
<script type="text/javascript">
// 文本域換行處理
// 初始化時將後台傳回的資料經行處理，將@@@@替換成分行符號\n\r
$(document).ready(function(){
var content = '從後台擷取的值';
if(content !='' ){
// 全域替換
content = content.replace(/@@@@/g,'\n\r');
$("#content").attr("value",content);
}
});

// 提交儲存時將分行符號\n\r換成@@@@
function doSubmit() {
var content = $("#content").val().replace(/\n/g,"@@@@");
if(content == null || content==""){
alert("請填寫備忘說明！");
return;
}
$("#updateForm").attr("method","get");
$("#updateForm").attr("action", url);
$("#updateForm").submit();
}
</script>
<div class="layout-bd">
<div class="wrapper fix-float">
<div class="se se-e">

<div class=".layout-ft .copyright"><p><font face="華文行楷" size="10">約談方案</font></p>
</div>
<div>
<div> 方案<br><hr></div>
<div>
備忘說明：
<div >
<textarea id="content" rows="15" cols="50"></textarea>
</div>
</div>
</div>
<div >
<a id="submit_btn" class="btn btn-save" onclick="doSubmit();">儲存</a>
</div>
<form id="updateForm" method="get">
</form>
</div>
</div>
</div>