文本域中換行符的替換示例
更新時間:2014年03月04日 11:57:56 作者:
這篇文章主要介紹了文本域中換行符的替換,需要的朋友可以參考下
說明:代碼在實(shí)際項(xiàng)目中測試通過,我已經(jīng)省去些不重要的,大家可以重點(diǎn)看顏色標(biāo)記的部分
前戲:
問:為什么做這個呢??
答:項(xiàng)目中有個將錄入的文本域文字保存到數(shù)據(jù)庫中。‘查看時'從數(shù)據(jù)庫獲取相應(yīng)數(shù)據(jù),顯示在文本域中。開發(fā)期間發(fā)現(xiàn)換行符使用jquery 的val() 還是text()獲取后不做處理,保存數(shù)據(jù)庫中沒有換行了,自然取出來顯示也就沒有換行符了!由此寫了下面的文章…………有點(diǎn)啰嗦??!
<%@ page contentType="text/html;charset=UTF-8" %>
<script type="text/javascript">
// 文本域換行處理
// 初始化時將后臺傳回的數(shù)據(jù)經(jīng)行處理,將@@@@替換成換行符\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("請?zhí)顚憘渥⒄f明!");
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>
前戲:
問:為什么做這個呢??
答:項(xiàng)目中有個將錄入的文本域文字保存到數(shù)據(jù)庫中。‘查看時'從數(shù)據(jù)庫獲取相應(yīng)數(shù)據(jù),顯示在文本域中。開發(fā)期間發(fā)現(xiàn)換行符使用jquery 的val() 還是text()獲取后不做處理,保存數(shù)據(jù)庫中沒有換行了,自然取出來顯示也就沒有換行符了!由此寫了下面的文章…………有點(diǎn)啰嗦??!
復(fù)制代碼 代碼如下:
<%@ page contentType="text/html;charset=UTF-8" %>
<script type="text/javascript">
// 文本域換行處理
// 初始化時將后臺傳回的數(shù)據(jù)經(jīng)行處理,將@@@@替換成換行符\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("請?zhí)顚憘渥⒄f明!");
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>
相關(guān)文章
jquery ajax對特殊字符進(jìn)行轉(zhuǎn)義防止js注入使用示例
如果有人在留言里寫入了js語句,這結(jié)語句都會被執(zhí)行.解決辦法就是對這些特殊字符進(jìn)行轉(zhuǎn)義再顯示出來,下面有個不錯的示例,感興趣的朋友可以參考下2013-11-11jquerymobile局部渲染的各種刷新方法小結(jié)
本篇文章主要是對jquerymobile局部渲染的各種刷新方法進(jìn)行了總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03jQuery實(shí)現(xiàn)獲取選中復(fù)選框的值實(shí)例詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取選中復(fù)選框的值,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06jQuery插件imgAreaSelect基礎(chǔ)講解
關(guān)于ImgAreaSelect, 是一jQuery插件,它支持用戶通過鼠標(biāo)拖曳選擇圖片的一部分,如圖片拖曳、圖片編輯等。下面通過本文給大家介紹jQuery插件imgAreaSelect基礎(chǔ)講解,需要的的朋友參考下吧2017-05-05基于jQuery實(shí)現(xiàn)數(shù)字滾動效果
本文主要分享了基于jQuery實(shí)現(xiàn)數(shù)字滾動效果的示例代碼,附源碼下載。具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01淺談原生JS實(shí)現(xiàn)jQuery的animate()動畫示例
本篇文章主要介紹了淺談原生JS實(shí)現(xiàn)jQuery的animate()動畫示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03jQuery修改li下的樣式以及l(fā)i下的img的src的值的方法
這篇文章主要為大家介紹了jQuery如何修改li下的樣式,以及修改li下的img的src的值,示例代碼很簡單,一看就會2014-11-11