DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 文本域中換行符的替換示例
文本域中換行符的替換示例
編輯:JQuery特效代碼     
說明:代碼在實際項目中測試通過,我已經省去些不重要的,大家可以重點看顏色標記的部分

前戲:

問:為什麼做這個呢??

答:項目中有個將錄入的文本域文字保存到數據庫中。‘查看時'從數據庫獲取相應數據,顯示在文本域中。開發期間發現換行符使用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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved