文本域中換行符的替換示例

 這篇文章主要介紹了文本域中換行符的替換,需要的朋友可以參考下

說明：代碼在實際項目中測試通過，我已經省去些不重要的，大家可以重點看顏色標記的部分    前戲：    問：為什麼做這個呢？？    答：項目中有個將錄入的文本域文字保存到數據庫中。‘查看時'從數據庫獲取相應數據，顯示在文本域中。開發期間發現換行符使用jquery 的val() 還是text()獲取後不做處理，保存數據庫中沒有換行了，自然取出來顯示也就沒有換行符了！由此寫了下面的文章…………有點啰嗦啊！  代碼如下: <%@ page contentType="text/html;charset=UTF-8" %>  <script type="text/javascript">  // 文本域換行處理  // 初始化時將後台傳回的數據經行處理，將@@@@替換成換行符nr  $(document).ready(function(){  var content = '從後台獲取的值';  if(content !='' ){  // 全局替換  content = content.replace(/@@@@/g,'nr');  $("#content").attr("value",content);  }  });    // 提交保存時將換行符nr換成@@@@  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>