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

  说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分

  前戏:

  问:为什么做这个呢??

  答:项目中有个将录入的文本域文字保存到数据库中。‘查看时'从数据库获取相应数据,显示在文本域中。开发期间发现换行符使用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>