您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了文本域中换行符的替换,需要的朋友可以参考下

说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分    前戏:    问:为什么做这个呢??    答:项目中有个将录入的文本域文字保存到数据库中。‘查看时'从数据库获取相应数据,显示在文本域中。开发期间发现换行符使用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>