文本域中換行符的替換示例
更新時(shí)間：2014年03月04日 11:57:56 作者：
這篇文章主要介紹了文本域中換行符的替換,需要的朋友可以參考下
說(shuō)明：代碼在實(shí)際項(xiàng)目中測(cè)試通過(guò)，我已經(jīng)省去些不重要的，大家可以重點(diǎn)看顏色標(biāo)記的部分
前戲：
問(wèn)：為什么做這個(gè)呢？？
答：項(xiàng)目中有個(gè)將錄入的文本域文字保存到數(shù)據(jù)庫(kù)中。‘查看時(shí)'從數(shù)據(jù)庫(kù)獲取相應(yīng)數(shù)據(jù)，顯示在文本域中。開(kāi)發(fā)期間發(fā)現(xiàn)換行符使用jquery 的val() 還是text()獲取后不做處理，保存數(shù)據(jù)庫(kù)中沒(méi)有換行了，自然取出來(lái)顯示也就沒(méi)有換行符了！由此寫(xiě)了下面的文章…………有點(diǎn)啰嗦??！
<%@ page contentType="text/html;charset=UTF-8" %>
<script type="text/javascript">
// 文本域換行處理
// 初始化時(shí)將后臺(tái)傳回的數(shù)據(jù)經(jīng)行處理，將@@@@替換成換行符\n\r
$(document).ready(function(){
var content = '從后臺(tái)獲取的值';
if(content !='' ){
// 全局替換
content = content.replace(/@@@@/g,'\n\r');
$("#content").attr("value",content);
}
});
// 提交保存時(shí)將換行符\n\r換成@@@@
function doSubmit() {
var content = $("#content").val().replace(/\n/g,"@@@@");
if(content == null || content==""){
alert("請(qǐng)?zhí)顚?xiě)備注說(shuō)明！");
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>
備注說(shuō)明：
<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>
前戲：
問(wèn)：為什么做這個(gè)呢？？
答：項(xiàng)目中有個(gè)將錄入的文本域文字保存到數(shù)據(jù)庫(kù)中。‘查看時(shí)'從數(shù)據(jù)庫(kù)獲取相應(yīng)數(shù)據(jù)，顯示在文本域中。開(kāi)發(fā)期間發(fā)現(xiàn)換行符使用jquery 的val() 還是text()獲取后不做處理，保存數(shù)據(jù)庫(kù)中沒(méi)有換行了，自然取出來(lái)顯示也就沒(méi)有換行符了！由此寫(xiě)了下面的文章…………有點(diǎn)啰嗦??！
復(fù)制代碼 代碼如下:
<%@ page contentType="text/html;charset=UTF-8" %>
<script type="text/javascript">
// 文本域換行處理
// 初始化時(shí)將后臺(tái)傳回的數(shù)據(jù)經(jīng)行處理，將@@@@替換成換行符\n\r
$(document).ready(function(){
var content = '從后臺(tái)獲取的值';
if(content !='' ){
// 全局替換
content = content.replace(/@@@@/g,'\n\r');
$("#content").attr("value",content);
}
});
// 提交保存時(shí)將換行符\n\r換成@@@@
function doSubmit() {
var content = $("#content").val().replace(/\n/g,"@@@@");
if(content == null || content==""){
alert("請(qǐng)?zhí)顚?xiě)備注說(shuō)明！");
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>
備注說(shuō)明：
<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 實(shí)現(xiàn)側(cè)邊浮動(dòng)導(dǎo)航菜單效果
這篇文章主要介紹了jQuery 實(shí)現(xiàn)側(cè)邊浮動(dòng)導(dǎo)航菜單效果,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery實(shí)現(xiàn)模糊查詢的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)、節(jié)點(diǎn)遍歷、查詢匹配、屬性修改等相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
添加async:false.即修改為同步了，什么意思？按同事解釋就是，這是等這個(gè)ajax有了返回值后才會(huì)執(zhí)行下面的js一語(yǔ)道破天機(jī)，怪不得以前很多ajax調(diào)用里面的賦值都不起作用2013-04-04
這篇文章主要介紹了jQuery操作基本控件方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery針對(duì)控件的樣式,ID獲取,遍歷及屬性操作等常用技巧,需要的朋友可以參考下2015-12-12
今天正好用到這個(gè)，就網(wǎng)上搜了搜，貼出來(lái)了。需要的朋友可以參考下。2011-03-03
最近有一個(gè)活動(dòng)，其中的數(shù)據(jù)需要和純靜態(tài)html網(wǎng)站進(jìn)行交互。但是由于兩個(gè)網(wǎng)站處于不同的域名下，而Ajax的應(yīng)用中，由于安全的問(wèn)題，瀏覽器默認(rèn)是不支持跨域調(diào)用的，最后選用了JQuery中的getJSON方法2010-12-12
jQuery篩選數(shù)組之grep、each、inArray、map的用法及遍歷json對(duì)象
本文主要介紹jQuery中g(shù)rep、each、inArray、map的用法，并附實(shí)例講解，非常實(shí)用，有需要的朋友可以參考一下。2016-06-06
jQuery實(shí)現(xiàn)布局高寬自適應(yīng)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)布局高寬自適應(yīng)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
利用filter函數(shù)可以從wrapper set中過(guò)濾符合條件的DOM元素，下面是其具體的用法，希望對(duì)大家有所幫助2014-05-05
js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動(dòng)條高度實(shí)現(xiàn)代碼
在js使用過(guò)程中可能會(huì)根據(jù)要求獲取瀏覽器窗口的可視區(qū)域高度和寬度,滾動(dòng)條高度，于是本人搜集整理下，拿出來(lái)和大家分享，希望可以幫助你們2012-12-12